выполняет фоновые привязки фиксированной работы в iOS5?

17

Это работает в & gt; iOS 5?

.element {
    background: url(images/myImage.jpg) 50% 0 no-repeat fixed;
}

Я думал, что это так, но пока это не так.

    
задан Dylan 19.03.2012 в 23:59
источник

3 ответа

13

В соответствии с этой матрицей поддержки фонового вложения , номер

Другое сообщение предполагает, что придумывание обходного пути для мобильных устройств устройств не стоит:

  

... и таймеры блокировки Android и iPhone или рендер во время прокрутки, поэтому   Эффект заключается в том, что divs перемещаются с прокрученной страницей и только после того,   в конце концов, divs возвращаются в ожидаемую позицию. Это противоречит фиксированной идее

    
ответ дан o.v. 20.03.2012 в 00:55
источник
27

Вы можете обойти это, используя отдельный элемент и position: fixed , который работает!

HTML:

<div id="Background"></div>

<div id="Content"></div>

CSS

#Background {
    background: #000 url("img/Background.jpg") no-repeat 50% 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}
    
ответ дан shshaw 12.11.2012 в 03:02
источник
0

С фиксированной позицией на мобильных и сенсорных устройствах слишком много проблем.

До тех пор, пока фон не анимируется каким-либо образом (размытие, css переходит на любой JS) И, как только нет полосы прокрутки, она может использоваться и согласована.

Все остальное будет - в зависимости от браузера - приведет к нежелательным результатам, пикселизации изображения, масштабированию изображений в 100 раз на устройствах IOS, «прыгающим» div и т. д.

Лучшая работа над методом, который я нашел до сих пор, скажем, если вы хотите воспроизвести фиксированную страницу прокрутки BG, заключается в использовании метода параллакса, имеющего один div в качестве прокрутки, следующий с прозрачным фоном, повторение полоскания.

Он выглядит достаточно хорошо, я думаю, и никаких плагинов не требуется.

    
ответ дан damiano celent 05.10.2015 в 21:17
источник