Internet Explorer 6で間違って表示するテーブルTD上のCSSの背景色
-
19-09-2019 - |
質問
私は、Internet Explorer 6では動作しませんいくつかの非常に単純なHTMLとCSSを持っています。
<!DOCTYPE HTML>
<html>
<head>
<style>
table td.one.read {background-color:#FFD700;}
table td.two.read {background-color:#0000ff;}
table td.three.read {background-color:#ff8c00;}
</style>
</head>
<body>
<table>
<tr class="head">
<td></td>
<td class='one read'>one</td>
<td class='two read'>two</td>
<td class='three read'>three</td>
</tr>
<tr>
<td>Legend</td>
<td class='one read'>1</td>
<td class='two read'>2</td>
<td class='three read'>3</td>
</tr>
</table>
</body>
</html>
列ごとに異なる背景色を有する単純なテーブル。私は物事をシンプルに保つために、他のCSS / HTMLの束を削除しました。問題は、すべての列は、Internet Explorer 6で同じオレンジ色として表示され、Firefoxの
解決 これはIE6のバグです。 、IE6は最後のものを除き、クラス名のすべてを無視します。 このため、IE6は、セレクタ この問題を解決するには、あなたのクラスを組み合わせることができます。 (例えば、
.three.read
)とCSSセレクタを持っている場合は、table td.read
ための3つのCSSルールを見ます。<td class='OneRead'>
とtable td.OneRead {background-color:#FFD700;}
)
他のヒント
複数のクラスはIE6でサポートされていない、IE6が死ぬ前に数年以上待たなければなりません。今けれどもについて、あなたは色の別々のクラスを作成することができます。
所属していません StackOverflow