2

こんにちはStackoverflowの達人、

この問題の正確なコードをお見せできればと思いますが、私は安全な場所で働いています。例を示します。

これが私のCSSです

table tr.header{
background: url('image.jpg') 0 0 repeat-x !important;
}

table td{
background: none !important;
color: #FFF !important;
}

td.special{
background:url('image2.png'); 0 0 no-repeat transparent !important;
color: #FFF !important;
}

すべての重要な理由は、私がシステムの神のひどい当たり障りのないCSSを上書きしようとしているからです。シンプルな色、狭い高さ、そしてピザは一切ありません。

これが私の一般的なHTMLです

<table width="100%" cellspacing="0" cellpadding="0" border="0">
   <tbody>
      <tr class="header">
         <td>HEADER TITLE</td>
         <td class="special"></td>
      <tr>
         <td>TABLE CONTENT</td>
      </tr>
   </tbody>
</table>

タグについてお詫び申し上げます<tbody>が、システムは自動的<tbody>にすべてのテーブルにタグを配置します。

私が遭遇している問題はIE8でのみ発生します。テーブル行クラス「ヘッダー」の画像が設定されており、すべてのテーブルデータが背景なしで表示されますが、IE8はテーブルデータを白で塗りつぶすのが好きです。開発者ツールにアクセスしてテーブルデータのCSSをオフにすると、テーブル行の背景画像が表示されますが、とにかくそこには何も表示されないはずです...

IE8でテーブルデータ（「特別」とラベル付けされたものを除く）を100％明確かつ透過的にするようにするにはどうすればよいですか？

4

3 に答える 3

1

background-color:transparent動作するはずですが、その下にある要素を掘り下げることはありません。その下の要素に色がある場合は、その色が表示されます。

于 2012-01-11T22:10:08.247 に答える
1

IE8でテーブルデータ（「特別」とラベル付けされたものを除く）を100％明確かつ透過的にするようにするにはどうすればよいですか？

次のコードを。という名前の外部スタイルシートに入れますie8.css。

table,
table td {
  background: transparent;
}

table td.special {
  background: url('image2.png'); 0 0 no-repeat transparent;
  color: #FFF;
}

次に、このコードをページに追加します。

<!--[if IE 8]><link rel="stylesheet" href="ie8.css" /><![endif]-->
于 2012-01-11T22:19:09.413 に答える
0

入れてみてください：-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

ドキュメントの上部（<HTML>タグの前）。それは私のためにこの問題を修正しました（そしてたくさんのものも動かしました！私はIE8が嫌いです！）。

于 2012-04-12T15:42:13.630 に答える