0

Подскажите как реализовать фоновое изображение, которое не будет изменять своих размеров при прокрутке Ctrl + колёсико введите сюда описание изображения

введите сюда описание изображения

2
  • фоновое изображение на чём?
    – Kirill
    20 мар 2018 в 17:37
  • А вообще я не совсем понял, на скриншоте изображено как надо или как не надо?
    – andreymal
    20 мар 2018 в 18:43

2 ответа 2

3

на примере body:

background-image:url('...');
background-size:100vw;

размер фоновой картинки в пикселах ничего не даст, т.к. с точки зрения системы при масштабировании пиксели тоже меняются. А вот ширина вьюпорта останется неизменной, и 100vw всегда будет равно ширине окна браузера, какой бы масштаб вы не выкрутили.

1

Можно задать размеры изображения явно в классе или теге:

height:XXXpx;
width:XXXpx;

Если изображение будет повторяться (при необходимости) добавить:

background-repeat: no-repeat;
6
  • Это касается background-image. Если изображение используется как задний фон, например к хедеру, то в css файле, к тегу приписваем такой код: header { background-image:url(../*.png); height:XXXpx; weight:XXXpx; background-repeat: no-repeat; }
    – Drillneat
    20 мар 2018 в 17:37
  • @Drillneat, написали тот же код, что и в ответе:)
    – Arthur
    20 мар 2018 в 17:44
  • и не weight, a width:))
    – Arthur
    20 мар 2018 в 17:45
  • @St1myL, да, ошибся, там width.
    – Drillneat
    20 мар 2018 в 17:49
  • Даже с width не верно.
    – andreymal
    20 мар 2018 в 18:42

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.