Background fixed для мобильной верстки?

Question

[arab789]

Столкнулся с проблемой, когда указываем картинке background fixed cover на устройствах IOS его нет, на Android есть, но при скролинге, когда пропадает тулбар с адресом сайта, снизу появляется черная полоса, такого же размера как и тулбар, но когла отпускаем скрол, то изображение становится опять на весь экран. Можно ли это как то побороть или картинки для мобильного зло?

Answer 1

[Vladimir T]

Немного не в тему отвечу: Недавно пришлось заняться оптимизаций css, благо в еженедельном дайжисте на хабре было пару ссылок, которые привели к https://www.youtube.com/watch?v=QU1JAW5LRKU, где человек заменил background-attachment:fixed на блок с фиксированной позицией и растянул на ширину контента.

UPD есть применить это к вашей проблеме то можно сделать(если позволяет) следующие

.parent-bg{
position:relative;
}
.bg{
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
z-index:-1;
background-size:cover;
}

Comments

[arab789]

да, пробовал этот методо, но на иос все так же ничего нет...

[Vladimir T]

если есть возможность накидайте демку

[arab789]

.fixed-crossbrowser-background {
display: block;
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
background-repeat: no-repeat;
background-position: bottom center;
background-image: url(images/backgroung.jpg);
opacity: 1;
z-index: -1;
}