Come le immagini di pre-carico solo con i CSS (senza JS)?

Question

immagini Come posso pre-carico solo con i CSS, in modo senza l'utilizzo di JavaScript? Deve essere cross-browser.

Non voglio usare sprite CSS. C'è qualche altra soluzione?

Answer 1

È possibile utilizzare più elementi, nascosti con background-position: -1000px -1000px; e dare loro un background-image per ogni immagine che si desidera pre-carico.

• Si può leggere di più qui

Answer 2

CSS Sprites .

Answer 3

Si potrebbe provare a tutti loro di caricare prima del tag body fine e non li visualizza. Poi, se li chiami più tardi dovrebbero essere nella cache se si utilizza lo stesso percorso esatto.

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

Si può anche fare una classe con display:. Nessuno e applicare tale a tutte le immagini che si desidera precaricare così

Questo dovrebbe sostenere più le richieste HTTP e anche se se si vuole ridurre quelli che suggerire CSS Sprites se questo ti riguarda mai.