IE8 Tabelle Zeile Gradient Filter zeigt nicht in der Tabelle Zelle

Question

Kurzversion: Ich habe einen Gradientenfilter zu einem <tr> Tag, aber in IE8 die Kinder <td> und <th> Tags ignorieren es vollständig, egal, was ihre Hintergrundeigenschaften sind .

Hier ist ein Beispiel dafür, was bei Ich suche nach: http://jsfiddle.net/FlashbackJon/NqkGv/3/

Normalerweise würde ich auf die Tabellenzelle Tags gelten sie nur, aber wie ich jetzt gut informiert bin (von countlesstopics), Filter gemacht werden über den Hintergrundinhalt des Elements, einschließlich der Rahmen, und ich brauche die Tabellenrahmen an Ort und Stelle zusammengelegt. Ich benutze den HTML5 Doctype und der Unternehmensstandard ist IE8 für den Großteil unserer Endbenutzer.

Ich versuche, es bildfrei zu halten und würde gerne unnötiges HTML vermeiden. Wenn es einfach keinen Weg gibt, den Zeilengradienten sichtbar zu machen, muss ich vielleicht darauf zurückgreifen.

Answer 1

Es gibt keine Möglichkeit, den Zeilengradienten sichtbar zu machen, er gilt nur nicht für tr-Tags.

Answer 2

Ist der Gradient irgendwie wichtig für Ihr Layout? Ich würde empfehlen, es einfach für IE8 fallen zu lassen - Chancen sind die Erfahrung wird nicht gebrochen, nur anders.

Filter im IE haben hohe Leistungskosten - also sollten sie verwendet werden, wenn Sie wirklich, wirklich brauchen. Ich würde argumentieren, dass die Hintergrundfarbe zu einer Tabellenzeile wahrscheinlich nicht eine dieser Zeiten ist. Ihre Website wird schneller funktionieren und Ihre Nutzer werden genauso glücklich sein.

Answer 3

Wenn es sich um einen horizontalen Farbverlauf handelt, können Sie es auf die TDs anstatt auf die TRs anwenden. Es wird funktionieren und gleich aussehen. TRs werden in älteren IE nicht als "echte" Elemente behandelt, sie sind wie ein abstrakter Container für TDs. Die TDs heben sich jedoch gut ab.

Answer 4

Von der Quelle: http://msdn.microsoft.com/en-us/library/ms532847.aspx

Spezifische Elemente, die nicht auf sie angewendet Filter und Übergänge haben können, umfassen:

• Die einbetten und Applet Elemente
• Die Auswahl und Option Formularelemente
• Die tr, tHead, tBody und tFoot Tabellenelemente