css - IE8 テーブル行のグラデーション フィルターがテーブル セルに表示されない

Question

短いバージョン: グラデーション フィルターを<tr>タグに設定しましたが、IE8 では、背景のプロパティが何であれ、子<td>とタグはそれを完全に無視します。<th>

これが私が見ているものの例です: http://jsfiddle.net/FlashbackJon/NqkGv/3/

通常、私はそれを表のセルタグに適用するだけですが、(無数 のトピックから) よく知っているように、フィルターは境界線を含む要素の背景コンテンツの上にレンダリングされ、表の境界線を配置する必要があります。崩壊した。私は HTML5 doctype を使用しており、会社の標準は大部分のエンド ユーザー向けの IE8 です。

画像を使わないようにしていますが、不要な HTML はできるだけ避けたいと思っています。ただし、行のグラデーションを表示する方法がまったくない場合は、それに頼る必要があるかもしれません.

Answer 1

グラデーションは、レイアウトにとって非常に重要ですか? IE8 では完全に削除することをお勧めします。エクスペリエンスが損なわれることはなく、単に異なるだけである可能性があります。

IE のフィルタはパフォーマンス コストが高いため、本当に必要なときに使用する必要があります。テーブル行の背景色は、おそらくそのようなものではないと私は主張します。サイトのパフォーマンスが向上し、ユーザーも同じように満足します。

Answer 2

行のグラデーションを表示する方法はありません。tr タグには適用されません。

Answer 3

水平グラデーションの場合は、TR ではなく TD に適用できます。それは機能し、同じように見えます。TR は古い IE では「実際の」要素として扱われず、TD の抽象的なコンテナーのようなものです。ただし、TDはスタイルをうまく拾います。