Fondo Creé una solución sencilla para que un fondo fijo funcione en dispositivos iPad y iPhone, es decir, creando un div vacío justo después de la etiqueta del cuerpo con position:fixed en lugar de background-attachment:fixed que estos dispositivos no admiten. Todas las variaciones en el elemento del cuerpo que he probado, como pseudo ::before, no funcionan en estos dispositivos. Un div vacío resuelve esto.

Problema Mi secuencia de comandos a continuación funciona perfectamente en mi página principal ('Inicio'/'Inicio'). Pero también tengo otras páginas como 'Contacto' y similares, que comparten la misma etiqueta de encabezado 'global' donde se encuentra el script, donde no funciona (el div simplemente no aparece). Espero que esto agregue un div después de cada elemento del cuerpo, independientemente de qué página esté cargada... Además, estoy usando window.onload porque no puedo agregar manualmente el script después de la etiqueta del cuerpo. Cada etiqueta del cuerpo de la subpágina tiene su propia identificación, pero ¿por qué importaría eso? ¿Qué me estoy perdiendo?

 window.onload = function FixedBg() { var body = document.body; var bgDiv = document.createElement('div'); bgDiv.className = "fixedBackground"; body.insertAdjacentElement('afterbegin', bgDiv); }

No tengo acceso para agregar manualmente divs directamente en el DOM, lo que obviamente habría sido el enfoque de lo contrario, de ahí el JavaScript...