透過PNGの罠の解決法

AUSGANG SOFTさんが透過PNGの罠としてAlphaImageLoaderフィルターの問題点を指摘されています。

ブロックレベル要素に対してAlphaImageLoaderフィルターを使用した場合、内包するa要素のハイパーリンクが押せなくなるようです。

目から鱗ですね。
そんな問題点があるのは全く知らなかったです。

解決方法をいろいろ模索してみたのですが、AlphaImageLoaderフィルターを指定している要素内のa要素のposition属性にrelativeを指定すれば解決できます。

ボクが配布しているalphafilter.jsはハイパーリンクに対応済みなのでぜひ使ってみてください。

ついでにimg要素のalign属性にも対応しておきました。
ライセンスもMITライセンスに変更しました。

関連エントリー

アルファ画像を扱うalphafilter.jsライブラリ
IEとそれ以外のブラウザでアルファ画像を使う方法

スポンサードリンク

«グーグル八分とは何か | メイン | MovableTypeにダイナミック・パブリッシングを設定する»