Bymas | Фон из 3 изображений

Тема закрыта by

Здравствуйте, делаю фон из трёх частей. Шапка Центр он же должен растягиваться по вертикали Ноги

css

   .frame { background: url(verh.png) center top -13px no-repeat, url(niz.png) center bottom -13px no-repeat, url(center.png) center repeat-y; background-size: contain;  padding:17px; margin-top:20px; }

Проблема в том, что нижняя и верхняя картинка с прозрачностями (рамка), под ними видна центральная картинка которая растянуна на весь блок. А при значениях минус, картинки верха и низа здвигаються, но та часть становится обрезаной. Как зделать норм отображение

В данном случае 13пикселей и обрезается, а нужно чтобы фоновое изображение верхней или нижней части просто сдвигались вверх и вниз

Hryhorii_Ivlev (20.02.2022 в 20:24)
В данном случае 13пикселей и обрезается, а нужно чтобы фоновое изображение верхней или нижней части просто сдвигались вверх и вниз

Скрин можно?

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

Изображение

------

81124_image_20220222_1255422.png (97.4 Kb)
Скачиваний: 192

________
посл. ред. 22.02.2022 в 13:57; всего 2 раз(а); by Hryhorii_Ivlev

Вот так режет на меньших экранах

Изображение

------

81125_image_20220222_1306562.png (44.8 Kb)
Скачиваний: 199

И вот без минусовых значений шапки и ног

Изображение

------

81126_image_20220222_1309012.png (48.6 Kb)
Скачиваний: 193

Hryhorii_Ivlev (22.02.2022 в 13:56)
320517996 , как видешь что на углах вылазит центральный фон. Он на всю длину и это уже с минусовыми значениями, шапка и ноги обрезаються

Сколько у тебя здесь мульт аккаунтов?

Hryhorii_Ivlev , Наверное надо ставить структуру через: media

css

   }         @media screen and (max-width: 1200px) {             #text:before {                 Content:"Разрешение для экранов до  1200px  (ноутбуки)";             }         }          @media screen and (max-width: 800px) {             #text:before {                 Content:"Разрешение для экранов   до 800px(планшеты)";             }         }         @media screen and (max-width: 320px) {             #text:before {                 Content:"Разрешение для экранов   до 800px(смартфоны)";             }

Sovet (22.02.2022 в 14:45)

Сколько у тебя здесь мульт аккаунтов?

Ноль. А у тебя?