透過PNGの罠の解決法
AUSGANG SOFTさんが透過PNGの罠としてAlphaImageLoaderフィルターの問題点を指摘されています。
ブロックレベル要素に対してAlphaImageLoaderフィルターを使用した場合、内包するa要素のハイパーリンクが押せなくなるようです。
目から鱗ですね。
そんな問題点があるのは全く知らなかったです。
解決方法をいろいろ模索してみたのですが、AlphaImageLoaderフィルターを指定している要素内のa要素のposition属性にrelativeを指定すれば解決できます。
ボクが配布しているalphafilter.jsはハイパーリンクに対応済みなのでぜひ使ってみてください。
ついでにimg要素のalign属性にも対応しておきました。
ライセンスもMITライセンスに変更しました。
関連エントリー
アルファ画像を扱うalphafilter.jsライブラリ
IEとそれ以外のブラウザでアルファ画像を使う方法
スポンサードリンク
«グーグル八分とは何か | メイン | MovableTypeにダイナミック・パブリッシングを設定する»
- このエントリーのトラックバックURL
- https://blog.webcreativepark.net/cgi/mt/mt-bt.cgi/1328