Fondo fijo para parte de un sitio (div) en iOS
Quiero tener una imagen de fondo de posición fija que cubra toda la pantallasolo para una sección de mi sitio web (en realidad dos secciones, pero de forma independiente, por lo que no hay diferencia). Yo uso este CSS en el contenedor DIV de la sección:
#wrapper {
background-image: url(../img/bg1_IMG_1509.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
(Nota: utilicé las propiedades separadas en lugar de la taquigrafíabackground con la esperanza de que esto sea compatible con más dispositivos y navegadores, pero no parece ser así).
Esto funciona más o menos bien en todos los navegadores de escritorio y también en algunos navegadores en Android, pero no en iOS. En iOS, el fondo no solo se desplaza, sino que también se estira extremadamente verticalmente para que la altura de la imagen de fondo cubra todo el DIV, que tiene mucho contenido y se vuelve bastante alto en un dispositivo móvil, lo que lleva a ver más o menos píxeles individuales explotados en la pantalla. Entonces tampocofixed nicover trabajo.
Soy consciente / he leído respuestas sobre soluciones alternativas de posición fija para iOS que usaban un DIV dentro del<body> etiqueta que consiguióposition: fixed y una imagen de fondo a pantalla completa. Pero no quiero esto en eltodo cuerpo, pero solo en dos secciones (independientes), y en esta situación esa solución alternativa no se puede utilizar.