html - para - imposible descargar archivo adjunto iphone
Cómo replicar el archivo adjunto de fondo fijado en iOS (2)
Esta pregunta ya tiene una respuesta aquí:
- Imagen de fondo fija con ios7 6 respuestas
Estoy intentando obtener divs de fondo fijo que funcionen en iOS para un proyecto escolar. He estado usando
background-attachment: fixed;
Pero esto está dando lugar a un tamaño extraño y sin efectos de desplazamiento en el safari móvil. Aquí está el sitio con el que estoy trabajando; el método que estoy usando actualmente para los fondos de imagen de div de divisa funciona bien en los escritorios pero falla completamente en iOS.
De alguna manera, everyonedeservesgreatdesign.com consiguió esto funcionando. Tengo dificultades para seguir el código porque están usando una plantilla de espacio cuadrado de algún tipo, pero parece que están colocando imágenes en una position:fixed div position:fixed que de alguna manera está siendo recortado por su position:relative div position:relative . Tenía la impresión de que no era posible recortar la position:fixed divs position:fixed con otra cosa que no sea la ventana gráfica, así que tengo mucha curiosidad sobre lo que está sucediendo aquí.
¿Alguna idea sobre cómo implementar este método para fondos de imagen fija div en mi sitio?
Me parece que las imágenes de fondo no son en realidad imágenes de fondo ... el sitio tiene las imágenes de fondo y las citas en divs hermanos con los hijos del div que contiene las imágenes asignadas posición: fijo; La cita div también recibe un fondo transparente.
wrapper div{
image wrapper div{
div for individual image{ <--- Fixed position
image <--- relative position
}
}
quote wrapper div{
div for individual quote{
quote
}
}
}
Se ha preguntado en el pasado, aparentemente cuesta mucho para los navegadores móviles, por lo que ha sido desactivado.
Mira este comentario por @PaulIrish :
Los fondos fijos tienen un enorme costo de repintar y diezman el rendimiento del desplazamiento, que creo que es el motivo por el que se deshabilitó.
Puedes ver soluciones para esto en estas publicaciones: