Webデザインの最近のブログ記事

IE6で透過pngを扱うjsライブラリ

| トラックバック(0)

トップページで背景画像に透過pngを使用していますが、IE6以前では透過されません。

そこで、アルファ画像を扱うalphafilter.jsライブラリ[to-R]で紹介されているalphafilter.jsを使用しています。

head要素内に

<script type="text/javascript" src="alphafilter.js"></script>

とライブラリを読み込み、

<p class="alphafilter"><img alt="" src="http://koyo-marlins.biz/img/hogehoge.png" /></p>

としています。

htmlに直接書かれた画像も、

<img src="http://koyo-marlins.biz/img/hogehoge.png" class="alphafilter" alt="" />

のように、img要素にalphafilterというclassを直接指定すれば、透過されます。

このアーカイブについて

このページには、過去に書かれたブログ記事のうちWebデザインカテゴリに属しているものが含まれています。

前のカテゴリはMovable Typeです。

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

ウェブページ

OpenID対応しています OpenIDについて
Powered by Movable Type 5.02