Afficher le background avant le contenu

Bonjour à tous,

J'ai un code standard qui ressemble à ça :

<div id="background">
**contenu**
</div>

Actuellement, quand la page s'affiche dans le navigateur, le background s'affiche APRÈS le texte, pendant une seconde, le texte est affiché sans rien derrière, ce qui n'est pas très beau.

Connaîtriez-vous une technique pour inverser l'ordre d'affichage ?

Merci
Modifié par kursus (15 Jan 2010 - 13:12)

Salut,

Non !
Le contenu s'affiche, puis la surcouche css se charge, affichant alors les images. Internet est un outil pour accéder à de l'information, il est normal que celle ci se charge en premier.
Si cela te choque, je pense que c'est parce que le temps de chargement de ta surcouche (fichier css+ images liées) est trop long, certainement du à un poids trop conséquents certainement des images et peut être aussi de la feuille de style. Tu devrais plutôt t'intéresser à optimiser tes images pour en réduire le poids, et limiter ce décalage d'affichage entre le contenu et le design.

Bonjour,

Mettre une couleur de fond à ton div pourrait également être une bonne idée ; ce qui prend le plus de temps à charger étant normalement l'image de fond, une couleur proche de l'image permettrait de lire le contenu.

Merci pour vos réponses.

@Mikachu : effectivement mon background n'est pas des plus léger, je vais tenter de corriger ça "gracefully".
@Laurie-Anne: excellente idée, merci beaucoup !

A+