Méthode multi-navigateur pour masquer les éléments de la page jusqu'à ce que tout le contenu soit chargé pour éviter que la mise en page n'apparaisse brisée pendant le chargement?

J'ai un problème où en raison de certains éléments de chargement plus rapide que d'autres, la page semble brisée pendant quelques secondes au début. Un exemple est le comportement CSS Pie qui me permet de faire des coins courbes dans IE, il apparaît avant qu'il ne devienne incurvé ce qui semble mauvais. Ce qui serait idéal serait en quelque sorte de savoir quand tout est chargé et ensuite apparaître tout à la fois, y compris éventuellement une manière élégante et visuelle de ne pas rendre l'utilisateur impatient ... des idées ou des trucs communs pour faire cela?Méthode multi-navigateur pour masquer les éléments de la page jusqu'à ce que tout le contenu soit chargé pour éviter que la mise en page n'apparaisse brisée pendant le chargement?

Source

2011-01-13 BigOmega

Vous pouvez ajouter une classe css à la balise <body> par défaut et utiliser du javascript pour supprimer cette classe css une fois la page chargée?

<body class="notready" onload="this.className = '';"> 
</body>

avec des classes CSS définies pour cacher les choses que vous ne voulez pas montrer tout de suite:

body.notready .myclassname { display: none; }

Source

2011-01-13 19:51:00 hunter

Méthode multi-navigateur pour masquer les éléments de la page jusqu'à ce que tout le contenu soit chargé pour éviter que la mise en page n'apparaisse brisée pendant le chargement?

Répondre

Questions connexes