tableを半透明にする件

tableを個別に透明にする設定などはわかったのですがテーブルの中身
の文字や画像まで透明になるのを防ぐ方法はないでしょうか？
返信お待ちしています。

<STYLE TYPE="text/css">
<!--
TABLE{filter:Alpha(opacity=50);}
-->
個別に下記タグで透明度を設定しています。
</STYLE> style="filter:Alpha(opacity=50);"

No.1 ベストアンサー 回答者： noname#25358 回答日時： 2006/11/30 15:41

　俺はいつもスタイルシートを使わず、テーブルの背景にメッシュ画像を使うことで対応してます。

　何か参考になりますか？

この回答へのお礼

返信ありがとうございます。もしよろしければそのやり方を教えていただけませんか？

お礼日時：2006/11/30 16:32

No.2 回答者： 345itati 回答日時： 2006/11/30 16:36

そもそもフィルタの特殊効果はIEのみの独自拡張で、Geckoエンジンなどでは全く適用されませんが、大丈夫ですか？

そもそも薄い画像を用意した方が宜しいかと。

No.3 回答者： noname#25358 回答日時： 2006/11/30 17:18

　＃１です。

　難しい話ではないです。
　２ピクセル×２ピクセルの下記のような単純なＧＩＦ画像を用意し、それをテーブルの背景に使うだけです。

　□■
　■□

　で、このとき、□部分は白塗りに、■部分は透明にします。
　これをテーブルの背景画像として使用すれば半透明になります。

　この手法であれば、工夫次第で２５％透過なんかもできます。

No.4 回答者： taloo 回答日時： 2006/12/01 04:58

IE6以上はDirectXをつかったフィルターが（Microsoftより）推奨されています。

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
IE5.5以前と互換性を保つなら、filter:Alpha(opacity=50)でも大丈夫です。

<td>やその中の<span>等に対してフィルターを上書きすればどうなりますか？
table {
opacity:0.5; //gecko, opera(, safari?)
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);//ie
}
td {
opacity:1;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

＊背景画像にだけフィルターを使うのが目的ならこの方法は使えません。
<div>などをレイヤーにして（重ねて）後ろのレイヤーにだけフィルターを掛けるとかで出来ると思います。