2010-04-08 8 views
5

J'ai une situation que je regarde où certaines propriétés CSS ne seront pas héritées. Cela tourne autour des tables et IE8. En utilisant l'exemple HTML ci-dessous, je ne peux pas obtenir le texte dans la table pour hériter de la couleur verte.Pourquoi l'héritage CSS ne fonctionne pas pour moi dans IE8?

Cela fonctionne dans Firefox et Chrome, mais pas IE8 et de la lecture cela semble avoir toujours été un problème dans IE, mais devait fonctionner dans la version 8 de ce que j'ai lu.

J'ai essayé de spécifier la valeur de l'héritage partout où cela est possible, mais en vain, la question est de savoir si la prise en charge de l'héritage CSS dans IE8 est boguée, ou est-ce que quelque chose me manque? Je ne veux pas que la modification des CSS inline soit des classes et je ne veux certainement pas de commentaires sur les tables car tout cela provient de la construction et de la conception de courriels HTML où les CSS et les tables en ligne sont essentiels.

<html> 
<head></head> 
<body> 
<table style="color: green;"> 
    <tr> 
    <td> 
     <span>Span</span> 
     <p>Paragraph</p> 
     <div>Div</div> 
     <table style="color:inherit;"> 
     <tr> 
      <td>Table</td> 
     </tr> 
     </table> 
    </td> 
    </tr> 
</table> 
</body> 
</html> 

Répondre

4

Vous avez raison, c'est assez étrange, même si je trouve que l'ajout d'un doctype valide résout le problème. http://jsbin.com/etuti/2

+0

Intéressant. Je suis sûr que j'ai essayé ceci, probablement rafraîchi la mauvaise page ou quelque chose. Merci. – rrrr

+0

Un plaisir. Apparemment, la mise en forme des polices est déshéritée dans le mode quirks d'ie. – graphicdivine

1

Je n'ai jamais eu de problème d'héritage dans les IE. J'ai habituellement des problèmes avec le manque de support de sélecteur et de propriété, aussi bien que des bogues de positionnement etc.

Serait-ce que vous n'avez pas la spécificité correcte avec vos sélecteurs? Je suis sûr qu'ils vont dans cet ordre (de plus spécifique à moins)

  • Inline style attribut (style="color: green;")
  • sélecteur Id (#bob)
  • sélecteur de classe (.jill)
  • Sélecteur d'élément (body)

Si tout échoue, ajouter !important aide? J'utiliserais ceci en dernier recours, comme d'habitude vous pouvez juste donner la spécificité en fournissant un sélecteur plus spécifique.

Questions connexes