2017-02-07 2 views
0

Эта тема выступа: http://themenectar.com/demo/salient-frostwave/Как переполнение скрытого изображения влияет на положение изображения в основной теме?

вопрос довольно прост, но по какой-то причине я просто не могу понять, что сочетание правил CSS делает это случиться. Конечно, есть и другие способы сделать это, но на данный момент это сводит меня с ума, что я не могу понять это.

Если я удаляю переполнение: скрыто от класса .video-wrap, видео в слайдере сдвигается вниз и в то же время, если переполнение: скрытое присутствует, оно сдвигается вверх.

Что меня удивляет, как переполнение: скрытое свойство может вообще повлиять на позиционирование элементов?

Заранее спасибо. Надеюсь, это простой вопрос, и я просто глуп.

ответ

0

Wow вы меня действительно взволнованы тоже :)

Таким образом, ответ очень прост. Хотя веб-сайт, похоже, использует фоновое изображение, частично то, что вы видите при загрузке веб-сайта, на самом деле является только элементом видео, а не элементом img. Поэтому переполнение: скрытое влияет только на видео. Я предполагаю, что изображение является своего рода резервным. Попробуйте удалить элемент видео и посмотреть, что получится ...

Вы можете посмотреть видео здесь:

http://43eb74ada891f0f09679-c04bb4ac5bb47a13c85d2a60607693e6.r18.cf2.rackcdn.com/compressed/mountains2_converted.webm?id=4365

+0

К сожалению, я имел в виду видео, а не изображения. Конечно, изображение является резервным для мобильных телефонов. Но почему и как переполнение влияет на положение элемента видео, все еще остается загадкой для меня. В принципе, если я имитирую поведение этого видеоэлемента, у меня заканчивается динамическое положение сверху, потому что если я просто устанавливаю верхнюю позицию статическую в -100px, например, на экране меньшей ширины, потому что я угадываю размеры и соотношение, много вверх или вниз, но в их примере это похоже на то же самое. И у них нет динамического положения, вместо этого это как-то сделано с переполнением и положением ... – Viktor

+0

О, это для меня слишком сложно. Все, что я узнал, было то, что с переполнением: скрытый набор, все видео попадает в центр видеообъявления. Без переполнения: скрыто, оно расположено вверху, вызывая эффект. Это имеет смысл, но по какой-то причине я не смог воспроизвести его ... – Sandro

+0

Я вижу. В любом случае спасибо за попытку =). Я вроде как сдался, и сделал это с динамическим верхним положением. И, может быть, когда-нибудь кто-то объяснит мне эту магию. – Viktor

 Смежные вопросы

  • Нет связанных вопросов^_^