realiza una conexión de fondo del trabajo fijo en iOS5?

Question

¿Funciona esto en> iOS 5?

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

Pensé que debería, pero hasta ahora no lo es.

Answer 1

De acuerdo con este background-attachment support matrix, no.

Another post sugiere que dar con una solución para dispositivos móviles no vale la pena:

... Android y iPhone bloques temporizadores o rendir durante el desplazamiento, por lo que el efecto es que se mueven con divs la página desplazada y solo después, finalmente, los divs vuelven a la posición esperada. Esto está en contra de la posición idea fija

Answer 2

Potencialmente puede evitar esto usando un elemento separado y position: fixed la que funciona!

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 
} 

Answer 3

Hay demasiados problemas con la posición fija en los dispositivos móviles y táctiles.

Mientras el fondo no esté animado de ninguna manera (desenfoque, transiciones de css a cualquier JS) Y mientras no haya barra de desplazamiento, entonces es utilizable y consistente.

Todo lo demás, en función de resultado en navegador en los resultados deseados, la imagen pixelación, imágenes de escala de 100 veces en los dispositivos IOS, "saltar" divs etc.

El mejor método de trabajo en torno a que he encontrado hasta ahora, dicen , si desea reproducir una página de desplazamiento de BG fija, es usar el método de paralaje, tener un div como desplazamiento, el siguiente con fondo transparente, repetir el enjuague.

Parece lo suficientemente bueno, creo, y no se necesitan complementos.