ie6でpng画像を透過で表示するjavascript

user-pic
0

IE6でアルファ画像(透過png)が正確に表示されません。
かといってgifの透過にすると境界線にエッジが出て汚い。
そんな時にめちゃくちゃ役立つスクリプです。


設定はhead要素内にprototype.jsalphafilter.jsで読み込む。
<script type="text/javascript" src="./prototype.js"> <script type="text/javascript" src="./alphafilter.js">

透過にしたい画像にclass属性でalphafilterと入れるだけで、IE6でも透過画像の使用が可能になります。
<img src="./sample.png" class="alphafilter" alt="" />


背景に透過pngを使ってる場合は背景に設定しているブロックレベル要素のclass属性でalphafilterを入れる。
<p class="alphafilter">内容</p>


※スタンドアローン版IE6では、DirectXのからみでアルファ画像は使用できません。

トラックバック(0)

トラックバックURL: http://mountainbook.net/mt-tb.cgi/634

コメントする

このブログ記事について

このページは、が2007年6月 5日 11:32に書いたブログ記事です。

ひとつ前のブログ記事は「お得なマイレージ獲得法や無料でパソリを貰う方法」です。

次のブログ記事は「CSSだけでイメージマップを作る有用サンプル」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

月別アーカイブ