Помощник
Здравствуйте, гость ( Вход | Регистрация )
|
![]() |
![]() |
Сообщение
#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] так я уже пробовал, не работает... Не совпадает картинка с видео
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
![]() |
Как набрать 10 000 минут просмотра в Яндекс Дзене и начать зарабатывать от 50 000 рублей i-marketing.kz - Разбираем детально Яндекс Дзен на примере кейса |
4 | r0mZet | 367 | Сегодня, 1:23 автор: r0mZet |
![]() |
Простая схема как получить 133$ на рекламу в Google Ads (Adwords) | 1 | rubli | 252 | Вчера, 23:49 автор: Freedo |
![]() |
Атака клонов! Или как бороться с мультиаккаунтами. | 120 | Pelican_Program | 32983 | Вчера, 15:26 автор: Pelican_Program |
![]() |
Видео в Wordpress, загружается при открытии странички. | 7 | PavlivGroup | 287 | Вчера, 2:41 автор: jartalk |
![]() |
Как сообщить гуглу город? | 7 | Osipec | 570 | 2.3.2021, 23:34 автор: kulinaris |
![]() |
Текстовая версия | Сейчас: 6.3.2021, 7:24 |