Помощник
Здравствуйте, гость ( Вход | Регистрация )
|
![]() |
![]() |
Сообщение
#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] так я уже пробовал, не работает... Не совпадает картинка с видео
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
![]() |
Как защитить сайт от выкачивания? Защитить сайт на голом хтмл |
1 | PostBrigada | 37 | Сегодня, 0:08 автор: prolisk |
![]() |
Как улучшить ПФ на обычном статейнике? | 12 | Kiloan_Frost | 904 | Вчера, 23:31 автор: pe0ple |
![]() |
ВНИМАНИЕ: Как самостоятельно продвинуть сайт? Научу! консультации в домашних условиях :) |
267 | GlazAlmaz | 197308 | Вчера, 20:10 автор: Shurin |
![]() |
ВНИМАНИЕ: Новогодний ВИДЕО конкурс 2020-2021, заявим о MaulTalk.com на YouTube | 57 | jack | 3627 | Вчера, 20:07 автор: jack |
![]() |
Как вычислить проблемного исполнителя на этапе заказа? | 8 | metvekot | 336 | Вчера, 10:19 автор: _fan_ |
![]() |
Текстовая версия | Сейчас: 19.1.2021, 0:24 |