Когда параллакс background-image - fixed не работает на Iphone

Бывают случаи, когда можно сделать простой параллакс на основе background-image - fixed, но этот параллакс не работает на IPhone и других IOS устройствах.

Есть вариант решения проблемы.

Создаем перед требуемым блоком DIV.

HTML

<div class="fixed-crossbrowser-background" style="background-image: url(url картинки);"></div>

И стилизуем его так.

CSS

.fixed-crossbrowser-background {
	position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    z-index: -1;}

 

Так же с моим портфолио можно ознакомиться на любой из представленной социальной сети, на своих страницах я публикую посты о своих работах, заданиях и целях.

Для связи со мной можно воспользоваться любой социальной сетью,
или написать на почту:

С моим резюме можно ознакомиться по ссылке:

© 2020-2024 Портфолио Юдина Александра г.Пенза. Все права защищены