テーブル背景のpng画像を透過したい
テーブルの背景に透過部分を含んだpng画像を設定して、その上に文字を載せたいと考えています。簡略化した現在のタグは以下です。
<table>
<tr>
<td background="(png画像URL)">
ここに文字
</td>
</tr>
</table>
通常だとこれで良いのですが、このpng画像は透過部分を含んでいます。(ちなみにpng-24です)
WindowsのIE7.0だと正常に透過されるのですが、IE6.0や他のブラウザですと透過部分が青白く浮かび上がってしまいます。
私はIE6.0でも透過されるように表示させたいのです。
欲を言うと、MacのSafariでも透過させたいです。
一方、テーブルの背景に設定していない、普通の画像ですと<img src="">タグを使っているのでCSSを利用して、
<スタイルシート指定部分>
.ail {
filter: expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.firstChild.src + ", sizingMethod=scale)");
width: expression(this.firstChild.clientWidth+"px");
height: expression(this.firstChild.clientHeight+"px");
}
.ail img { visibility: expression("hidden"); }
</スタイルシート指定部分>
<画像部分>
<span class="ail">
<img src="(png画像URL)">
</span>
</画像部分>
で透過しているのですが、テーブルの背景に指定した画像では、このタグは使えません。
他にも色々な方法を検索したのですが有効なものが見つからず、、、
そもそも、テーブルの背景に指定したpng画像は透過できないものなんでしょうか…?というところまで考えてしまいます。
もし方法があれば教えて欲しいですが、HTMLで実現不可能な範囲なのならばそれも指摘して欲しいです。
この部分だけクリアできれば、Webサイトも完成します。
切実に宜しくお願いします。
お礼
そうなんですか? 昨日PCの調子がおかしくなって復元したらIE6に戻りました 以前もIE6でpug透過してたような記憶がありますが、違ったのでしょうね! IE7は重く感じてたのでIE6に戻そうと考えていました。 如何するか迷いますね どうもアドバイスありがとう御座いました。