透過PNGの罠の解決法
AUSGANG SOFTさんが透過PNGの罠としてAlphaImageLoaderフィルターの問題点を指摘されています。
ブロックレベル要素に対してAlphaImageLoaderフィルターを使用した場合、内包するa要素のハイパーリンクが押せなくなるようです。
目から鱗ですね。
そんな問題点があるのは全く知らなかったです。
解決方法をいろいろ模索してみたのですが、AlphaImageLoaderフィルターを指定している要素内のa要素のposition属性にrelativeを指定すれば解決できます。
ボクが配布しているalphafilter.jsはハイパーリンクに対応済みなのでぜひ使ってみてください。
ついでにimg要素のalign属性にも対応しておきました。
ライセンスもMITライセンスに変更しました。
関連エントリー
アルファ画像を扱うalphafilter.jsライブラリ
IEとそれ以外のブラウザでアルファ画像を使う方法