css - sizes - ¿Un archivo adjunto de fondo de trabajo fijo en iOS5?

media screen css sizes

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 esta matriz de soporte de adjuntos , no.

Otra publicación sugiere que no vale la pena proponer una solución alternativa para dispositivos móviles:

... tanto los temporizadores de bloqueo de Android como de iPhone o el procesamiento durante el desplazamiento, por lo que el efecto es que los divs se mueven con la página desplazada y solo después, eventualmente, los divs regresan a la posición esperada. Esto es contra idea fija posición

Answer 2

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

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

Todo lo demás, según el navegador, dará como resultado resultados no deseados, pixelación de imágenes, imágenes que se escalan 100 veces en dispositivos IOS, divs de "salto", etc.

El mejor método de solución que he encontrado hasta ahora, por ejemplo, si desea reproducir una página de desplazamiento BG fija, es usar el método de paralaje, que tiene un div como desplazamiento, el siguiente con fondo transparente, repetición de enjuague.

Creo que se ve bien, y no se necesitan complementos.

Answer 3

Potencialmente, puedes evitar esto usando un elemento y una position: fixed separados position: fixed 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
}