Подскажите как реализовать фоновое изображение, которое не будет изменять своих размеров при прокрутке Ctrl + колёсико
-
фоновое изображение на чём?– Kirill20 мар 2018 в 17:37
-
А вообще я не совсем понял, на скриншоте изображено как надо или как не надо?– andreymal20 мар 2018 в 18:43
2 ответа
на примере body
:
background-image:url('...');
background-size:100vw;
размер фоновой картинки в пикселах ничего не даст, т.к. с точки зрения системы при масштабировании пиксели тоже меняются. А вот ширина вьюпорта останется неизменной, и 100vw всегда будет равно ширине окна браузера, какой бы масштаб вы не выкрутили.
Можно задать размеры изображения явно в классе или теге:
height:XXXpx;
width:XXXpx;
Если изображение будет повторяться (при необходимости) добавить:
background-repeat: no-repeat;
-
Это касается background-image. Если изображение используется как задний фон, например к хедеру, то в css файле, к тегу приписваем такой код: header { background-image:url(../*.png); height:XXXpx; weight:XXXpx; background-repeat: no-repeat; } 20 мар 2018 в 17:37
-
-
-
-