Notes

CSS : Le Peekaboo Bug de I.E.6

Lui régler son compte dans la plupart des cas.

Tags :

Le Peekaboo Bug c’est quand, dans Internet Explorer 6, vous avez un texte ou un bloc qui ne s’affiche pas au chargement, puis réapparaît quand on scroll sur la page ou quand on en sélectionne le texte.

Trouvé sur SixThings, ce petit bout de code m’a sauvé la mise bien des fois. Il s’agit de deux règles CSS à appliquer sur l’élément affecté, une pour IE6 et une autre pour IE7 :

position: relative; /* peekaboo bug fix for IE6 */
min-width: 0; /* peekaboo bug fix for IE7 */

Avec les hacks correspondant aux deux navigateurs, pour restreindre leur action sur les navigateurs incriminés :

*html #bloc {
position: relative; /* peekaboo bug fix for IE6 */
}

*+html #bloc {
min-width: 0; /* peekaboo bug fix for IE7 */
}

Suivant les cas un display : inline-block dans le bloc contenant le bloc incriminé peur être utile :

*html .bloc_contenant {
display: inline-block; /*hack IE6 peek a boo bug*/
}

Voir en ligne : http://www.brownbatterystudios.com/...

© 2017 - Abel Poucet web design