Cómo las imágenes para pre-cargar sólo el uso de CSS (sin JS)?

Question

¿Cómo puedo imágenes pre-cargar sólo el uso de CSS, por lo que sin necesidad de utilizar JavaScript? Tiene que ser multi-navegador.

No quiero utilizar sprites CSS. ¿Hay alguna otra solución?

Answer 1

Se pueden utilizar varios elementos ocultos, con background-position: -1000px -1000px; y darles una background-image para cada imagen que desea pre-carga.

• Puede leer más aquí

Answer 2

CSS Sprites .

Answer 3

Usted podría intentar cargar todos ellos antes de que el cuerpo de la etiqueta final y no mostrarlos. Entonces, si los llama más adelante que deben estar en la caché si se utiliza la misma ruta exacta.

<img src="/i/myimage.jpg" alt="image preload" style="display:none;" />

También puede hacer una clase con pantalla:. Ninguno y aplicarlo a todas las imágenes que desea cargar previamente, así

Esto sería incurrir en más peticiones HTTP sin embargo y si se quiere reducir en los que puedo sugerir CSS Sprites si cada vez que usted se refiere.