Плагин Parallax, вызывающий разрыв фона элемента ⇐ CSS
Плагин Parallax, вызывающий разрыв фона элемента
У меня есть этот раздел ниже:
Он имеет следующий CSS:
.contact-info { фон: URL(http://unilaboralgirona.com/wp-content/ ... ontact.jpg) 50% 50% исправлено отсутствие повторов; -webkit-background-size: 1500px 446px; размер фона: 1500 пикселей 446 пикселей; отступ: 2em 0; цвет: #fff; } @media только экран и (минимальная ширина: 1500 пикселей) { .Контактная информация { -webkit-background-size: 2000px 595px; размер фона: 2000 пикселей 595 пикселей; } } и я использовал плагин параллакса и инициализировал его следующим образом:
$('.contact-info').parallax("50%", 0.7); Теперь, когда я прокручиваю или перехожу к разделу «Существует большой пробел», фоновые изображения не покрывают всю высоту div (см. здесь).
Я видел здесь аналогичную проблему, но решение действительно не сработало.
У меня есть этот раздел ниже:
Он имеет следующий CSS:
.contact-info { фон: URL(http://unilaboralgirona.com/wp-content/ ... ontact.jpg) 50% 50% исправлено отсутствие повторов; -webkit-background-size: 1500px 446px; размер фона: 1500 пикселей 446 пикселей; отступ: 2em 0; цвет: #fff; } @media только экран и (минимальная ширина: 1500 пикселей) { .Контактная информация { -webkit-background-size: 2000px 595px; размер фона: 2000 пикселей 595 пикселей; } } и я использовал плагин параллакса и инициализировал его следующим образом:
$('.contact-info').parallax("50%", 0.7); Теперь, когда я прокручиваю или перехожу к разделу «Существует большой пробел», фоновые изображения не покрывают всю высоту div (см. здесь).
Я видел здесь аналогичную проблему, но решение действительно не сработало.
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение