Возможно ли вставить картинку в div средствами css? не бакраундом

@Krigster · Регистрация: 12.04.2019

Студворк — интернет-сервис помощи студентам

Вопрос такой - нужно именно вставить картинку через css но не бакраудом, что бы в безразмерной динамичной странице получить картинку, а через html картинку проблема вставлять из-за тяжести html - через кеш было бы быстрее, это вообще реально вставить в div картинку кроме как бакраундом? (бакраунд не станет растягивать див в динамичной странице, а страница должна быть безразмерной)

@Freeze_Breeze · 12.04.2019, 19:50

Krigster,
Либо так:

HTML5
1
<img src="путь к изображению" alt="">

Либо так:

CSS
1
2
3
.class {
     background-image: url();
}

Сообщение от Krigster

безразмерной динамичной странице получить картинку

Вы представляете какой четкости должна быть картинка что бы разрешении в 7680 x 4320 у Вас сохранялась четкость изображения?

Сообщение от Krigster

из-за тяжести html

Есть различного рода сервисы которые сжимаю изображение без потери качества.

Сообщение от Krigster

(бакраунд не станет растягивать див в динамичной странице

CSS
1
2
3
4
.class {
     background-image: url();
     background-size: cover;
}

И все, добавляете одно свойство и Ваша картинка растягивается на все имеющее пространство экрана.

@Krigster · 12.04.2019, 20:35 **[ТС]**

а вопрос это вот рекомендательное определение что картинку можно вставить только хтмл, или прям вообще никак нельзя вставить через ксс? если использовать багофичи какие нибудь например вар, или есть еще форма показывающая область другого сайта, она в ксс задается или то же в хтмл? идея в том что бы сделать вставку картинок именно через ксс причем не бакраундом т.к. картинки разные расширение 12000хнезнаю сколько может быть а вот растянуть ее никак не получается потому что нет границ экрана она встает на пол дива по ширине и на немного по высоте но никак не растет вверх. у нее сверху див с имейджем и снизу тоже такой же, можно делать релативом и абсолют но она ни там ни там не тянется между ними. а между верхним имейджем и нижним куча обьектов которые меняют размер и может 1 экран между ними быть а может больше - они все в безразмерном диве, и вот надо под них подложку замутить
http://images.vfl.ru/ii/155509... 6931_m.jpg
вот так это выглядит - когда поскролишь и элементы увеличатся - то расстояние больше - если скролить в другую сторону то главный див под них уменьшается, сверху и снизу красная картинка в дивах в этом диве и между ними сиреневая картинка в диве, вот надо как то расширить этот сиреневый див от красной до красной внутри общего дива т.к. если создать паралельный див то он не сможет угадать какой у него размер поэтому засунул красную полоску в конец и красную вверх, у них можно абсолют или релатив или статик они остаются там где на фото сиреневая при этом не сбивает элементы но вот как ее растянуть между ними?она либо сверху встает либо посередине либо вообще в ряд с элементами которые абсолют(вроде так как головной блок абсолют но у самих блоков алл инишал а у картинок внутри плавающих блоков уже релатив вообще)
т.е. если ее вставить в хтмл то тогда будет сложнее менять ее и возможно она не растянется

@Freeze_Breeze · 13.04.2019, 12:16

Krigster, какой хтмл, какие багофичи, какая картинка с расширением 12000хне знаю?
Если Вам надо изображение которое будет растягиваться при увеличении, уменьшении масштаба окна браузера, тогда есть два способа:
1. Берем изображение с разрешением 3840x2400

HTML5
1
<img src="" alt="">

CSS
1
2
3
4
img {
    width: 100vw;
    height: 100vh;
}

2. Берем изображение с разрешением 3840x2400

CSS
1
2
3
4
body {
    background-image: url(путь к картинке);
    background-size: cover;
}

Вы либо слишком сложно объясняете, либо я слишком тупой что бы понять Ваш замысел.
В HTML картинки вставляются двумя способами либо через background, либо через тег img.

@Krigster · 13.04.2019, 13:37 **[ТС]**

что такое альт в срк? способ нашел через псевдоэлементы, тему можно закрывать

Новые блоги и статьи Все статьи Все блоги /
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Символьное дифференцирование igorrr37 13.02.2026 / * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .

@Krigster 2 / 0 / 2 Регистрация: 12.04.2019 Сообщений: 78

	Возможно ли вставить картинку в div средствами css? не бакраундом 12.04.2019, 18:49. Показов 4744. Ответов 4 Метки нет (Все метки) Вопрос такой - нужно именно вставить картинку через css но не бакраудом, что бы в безразмерной динамичной странице получить картинку, а через html картинку проблема вставлять из-за тяжести html - через кеш было бы быстрее, это вообще реально вставить в div картинку кроме как бакраундом? (бакраунд не станет растягивать див в динамичной странице, а страница должна быть безразмерной) 0

@Krigster 2 / 0 / 2 Регистрация: 12.04.2019 Сообщений: 78
	12.04.2019, 20:35 [ТС]
	а вопрос это вот рекомендательное определение что картинку можно вставить только хтмл, или прям вообще никак нельзя вставить через ксс? если использовать багофичи какие нибудь например вар, или есть еще форма показывающая область другого сайта, она в ксс задается или то же в хтмл? идея в том что бы сделать вставку картинок именно через ксс причем не бакраундом т.к. картинки разные расширение 12000хнезнаю сколько может быть а вот растянуть ее никак не получается потому что нет границ экрана она встает на пол дива по ширине и на немного по высоте но никак не растет вверх. у нее сверху див с имейджем и снизу тоже такой же, можно делать релативом и абсолют но она ни там ни там не тянется между ними. а между верхним имейджем и нижним куча обьектов которые меняют размер и может 1 экран между ними быть а может больше - они все в безразмерном диве, и вот надо под них подложку замутить http://images.vfl.ru/ii/155509... 6931_m.jpg вот так это выглядит - когда поскролишь и элементы увеличатся - то расстояние больше - если скролить в другую сторону то главный див под них уменьшается, сверху и снизу красная картинка в дивах в этом диве и между ними сиреневая картинка в диве, вот надо как то расширить этот сиреневый див от красной до красной внутри общего дива т.к. если создать паралельный див то он не сможет угадать какой у него размер поэтому засунул красную полоску в конец и красную вверх, у них можно абсолют или релатив или статик они остаются там где на фото сиреневая при этом не сбивает элементы но вот как ее растянуть между ними?она либо сверху встает либо посередине либо вообще в ряд с элементами которые абсолют(вроде так как головной блок абсолют но у самих блоков алл инишал а у картинок внутри плавающих блоков уже релатив вообще) т.е. если ее вставить в хтмл то тогда будет сложнее менять ее и возможно она не растянется 0

@Krigster 2 / 0 / 2 Регистрация: 12.04.2019 Сообщений: 78
	13.04.2019, 13:37 [ТС]
	что такое альт в срк? способ нашел через псевдоэлементы, тему можно закрывать 0