Помощник
|
![]() |
![]() |
Сообщение
#1
|
||
![]() |
|
||
|
|||
![]() |
![]()
Сообщение
#2
|
![]() |
Плохо понимаю что у тебя не получается, для меня это звучит как - надо синхронно растянуть два прямоугольника. Если так, то скорее всего тебе нужны
min-width max-width min-height max-height background-position: center; (background-position: center center;) background-size: 100%; (background-size: 100% 100%;) скорее всего не понадобятся width height Потому что задав эти свойства ты лешишь твои теги возможности растягиваться. Ну и также почитай про @media-query |
|
|
![]() |
Сообщение
#3
|
![]() |
Да я пробовал играться с этими свойствами по всякому, но дело в чем: при сужении, когда экран становится меньше 1920рх, картинка бэкграунд начинает просто сужаться в то время как видео, благодаря свойству object-fit:cover обрезается по краям и центрируется. соответсвенно фон из под видео уезжает. При растяжении на более чем 1920 всё норм. Сдается мне это вообще невозможно сделать через background-image((
http://codepen.io/foxer1/pen/OXbYrj?editors=1100 |
|
|
![]() |
![]()
Сообщение
#4
|
![]() |
Блин, ну это же не так делается <div class="background"> <div class="video"></div> </div> [CSS].background: { background: url('../images/background.jpg') no-repeat; background-size: 100%; }[/CSS] |
|
|
![]() |
Сообщение
#5
|
|
![]() |
Блин, ну это же не так делается <div class="background"> <div class="video"></div> </div> [CSS].background: { background: url('../images/background.jpg') no-repeat; background-size: 100%; }[/CSS] так я уже пробовал, не работает... Не совпадает картинка с видео
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
![]() |
Хочу встать на учет как самозанятый Какие там нюансы и подводные камни? |
12 | PostBrigada | 356 | Сегодня, 20:47 автор: JOHNY |
![]() |
Как и где отдыхать весной-летом 2021? | 31 | uahomka | 468 | Сегодня, 19:06 автор: Starpony |
![]() |
Спецпредложение "Коробка Битрикс24 в облаке: как перенести и сколько это стоит" | 20 | Tucha | 3416 | Вчера, 9:29 автор: Tucha |
![]() |
Видео в Wordpress, загружается при открытии странички. | 11 | PavlivGroup | 1231 | 15.4.2021, 23:55 автор: malamut |
![]() |
![]() |
42 | Filadelso | 4518 | 15.4.2021, 21:32 автор: WGN |
![]() |
Текстовая версия | Сейчас: 17.4.2021, 21:47 |