tableを半透明にする件

質問

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

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

回答No.1

noname#25358 · ベストアンサー

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

お礼

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

回答No.4

神崎 渉瑠（@taloo）

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>などをレイヤーにして（重ねて）後ろのレイヤーにだけフィルターを掛けるとかで出来ると思います。

回答No.3

noname#25358

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

　□■
　■□

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

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

回答No.2

345itati

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

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