2009-08-19 16 views
1

私はcss background-imageプロパティを使用してテーブルの背景イメージを与えました。セルに不透明度が設定されているため、画像はセルを介して表示されます。 Firefoxでは完全に動作しますが、IEではすべてのセル(TD)が背景イメージを表示しています。 IEでこの問題を解決するにはどうしたらいいですか?ページ

html page hereテーブルに適用された背景イメージがテーブル内のすべてのセルに適用されています

答えて

0

に背景画像を適用することができれば

は、私は解決策を得ました。セレクタに "td"を追加しましたtr.normalRow、tr.alternativeRow、tr.selectedRow、tr.hoverRowまた、プロパティ "background-image:none;"も追加しました。ここで私が使用されるコードは次のとおり

Code: 

tr.normalRowのTD { 背景:#FFFFFF。 font-size:11px; カーソル:ポインタ; フィルタ:アルファ(不透明度= 90)。 -moz-opacity:.90; 不透明度:.90; 背景画像:なし; }

tr.alternativeRow td { 背景:#f4f4f4; font-size:11px; カーソル:ポインタ; フィルタ:アルファ(不透明度= 90)。 -moz-opacity:.90; 不透明度:.90; 背景画像:なし; }

tr.selectedRow td { 背景:#fff19f; font-size:11px; カーソル:ポインタ; フィルタ:アルファ(不透明度= 90)。 -moz-opacity:.90; 不透明度:.90; 背景画像:なし; }

tr.hoverRow td { 背景:lightblue; font-size:11px; カーソル:ポインタ; フィルタ:アルファ(不透明度= 90)。 -moz-opacity:.90; 不透明度:.90; 背景画像:なし; }

2

については、以下のリンクをクリックしてすべての個々の細胞は、表から背景画像のスタイリングを継承しているようです。

td { background: transparent; } 

のようなものを追加する

はIEで問題を解決するようです。

+0

これは機能しますが、「td」に与えられた背景色は削除されます。 – Shivanand

+0

当然、tdの背景色は透明に設定されています。 これは簡単な例でした。主な点は、バックグラウンドイメージをセルから削除することです。 – kkyy

+0

どうすればいいですか? – Shivanand

-1

divに表をラップできますか?そうしてあなたはどのような方法でテーブルまたはその細胞に影響を及ぼすべきではないのdivラッパー、:)

+0

試しましたが、この提案は役に立たない – Shivanand

+0

どのように役立たないのですか?テーブルタグにバックグラウンドプロパティを適用していないと、divの背景イメージが表示されます。 –

+0

Firefoxでは動作しますがIEでは動作しません。私は表のセルに不透明感を与えました。ヘッドセクションの内部スタイルを確認してください。 – Shivanand

関連する問題