Le contenu de la balise h1 est invisible jusqu'à IE 6

Le symptôme bizarre que je vois on this page (seulement avec IE 6) est que le texte de la balise <h1> est invisible lorsque la page est chargée ou redimensionnée, mais apparaît lorsque je souris sur la région où il apparaît dans le coin supérieur gauche. Je ne l'ai pas vu avec un autre navigateur, et les seuls attributs CSS je modifier pour toute balise h1 sont ceux-ci:Le contenu de la balise h1 est invisible jusqu'à IE 6

font-size
font-weight
marge, la marge supérieure
rembourrage, padding-top, fond rembourrage

Nulle part je change visible ou display, et il n'y a pas d'effets de vol stationnaire pour le h1. Même le texte sans lien à l'intérieur de l'en-tête disparaît. Des idées?

Source

2009-08-24 Quinn Taylor

En accord avec le message de John. J'ai (par pure chance) été en mesure de contourner ce processus de débogage à l'occasion en donnant l'élément position: relative ou position: static règles.

Alors, vous voudrez peut-être croiser les doigts et faire un tourbillon avant de descendre la route de John.

Source

2009-08-24 18:34:52

Deux mots: "magie noire". L'ajout de 'position: relative;' à ma règle '#header h1' l'a fait apparaître dans IE6 comme prévu. Merci un million pour le pourboire! :-D –

Plus que probablement cela est causé par un autre élément de style sur la page.

Je pense que votre meilleure option est tâtonnement ... Suppression de tous les styles de la page, en vérifiant l'élément h1 est en train de disparaître ne plus, puis rajoutant les autres styles jusqu'à ce que vous avez trouvé le coupable

Source

2009-08-24 18:30:21 John

+1 pour la technique et je suis d'accord avec le diagnostic – annakata

+1 En général, je suis d'accord. Malheureusement, IE6 nécessite généralement beaucoup plus de temps de débogage que je ne suis prêt à dépenser pour faire fonctionner les choses. Heureusement, Mark était capable de fournir un peu de sorcellerie qui résout les choses sans aller dans cette direction. Merci d'avoir répondu! –

Je n'ai rien vu de façon flagrante, mais vous avez une application RGB via un vol stationnaire.

#header #info a:hover, #header #info h2#pathlinks a:hover { 
    background-color: rgba(63,63,63,0.35); 
}

En outre, cela fonctionne localement avec mon IE6, donc je ne sais pas si peut-être il se comporte différemment en raison de la zone associée dans Internet Explorer (intranet, confiance, Internet).

Je suis entièrement d'accord avec les autres affiches que ce sera un exercice de débogage. J'aime la technique d'essai et d'erreur de John.

Source

2009-08-24 18:46:59 Mayo

Merci pour l'aide au débogage. L'alpha pourrait être en train de se fâcher avec l'esprit d'IE6, mais heureusement, la réponse de Mark a été en mesure de résoudre le problème. (J'ai aussi testé sur localhost, et ça a fonctionné de la même manière dans les deux cas.) –

Bien que je ne vois pas un attribut hasLayout répertorié pour la rubrique, vous pouvez essayer d'ajouter zoom:1; au h1 et de voir quels sont les résultats que vous obtenez. Cela a rendu le texte visible pour moi lors des tests.

En effet, ce problème semble assez bizarre.

Source

2009-08-24 18:54:32

Le contenu de la balise h1 est invisible jusqu'à IE 6

Répondre

Questions connexes