2010-04-08 7 views
5

Ich habe eine Situation, die ich sehe, wo bestimmte CSS-Eigenschaften nicht vererbt werden. Dies dreht sich um Tabellen und IE8. Mit dem folgenden Beispiel-HTML kann ich den Text in der Tabelle nicht erhalten, um die grüne Farbe zu erben.Warum funktioniert die CSS-Vererbung bei IE8 nicht?

Dies funktioniert in Firefox und Chrome, aber nicht IE8 und aus dem Lesen scheint dies immer ein Problem in IE gewesen, sondern war in der Version 8 von dem, was ich gelesen habe arbeiten.

Ich habe versucht, den vererbten Wert überall möglich zu geben, aber ohne Erfolg, so ist die Frage, ob die CSS-Vererbung Unterstützung in IE8 fehlerhaft ist, oder fehlt mir etwas?

Ich möchte nicht antworten ändern Inline-CSS zu Klassen und ich würde sicherlich keine Kommentare zu Tabellen, da dies alles aus dem Erstellen und Entwerfen von HTML-E-Mails, wo Inline-CSS und Tabellen wesentlich sind.

<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> 

Antwort

4

Sie haben recht, das ist ziemlich seltsam, obwohl ich finde, dass das Hinzufügen eines gültigen Doctype das Problem löst. http://jsbin.com/etuti/2

+0

Interessant. Ich bin mir sicher, dass ich das versucht habe, wahrscheinlich die falsche Seite aktualisiert oder so etwas. Vielen Dank. – rrrr

+0

Ein Vergnügen. Apparently Schriftformatierung wird im Quirkmodus ie's vererbt. – graphicdivine

1

Ich hatte nie ein Problem mit der Vererbung in einem der IE. Ich habe in der Regel Probleme mit dem Fehlen von Selektor und Eigenschaft zu unterstützen, sowie Positionierung Bugs etc.

Könnte es sein, dass Sie nicht die richtige Spezifität mit Ihren Selektoren haben? Ich bin mir ziemlich sicher, dass sie in dieser Reihenfolge gehen (von meisten spezifisch weniger)

  • Inline style Attribut (style="color: green;")
  • Id-Selektor (#bob)
  • Class-Selektor (.jill)
  • Elementselektor (body)

Wenn das alles fehlschlägt, könntehinzufügenHilfe? Ich würde dies als letzten Ausweg verwenden, da Sie normalerweise nur Spezifität angeben können, indem Sie einen spezifischeren Selektor bereitstellen.

Verwandte Themen