IE6でのPNG透過
jquery.pngFix.jsの話を書いた。
jQueryを導入しているなら、やはりこのプラグインを使うのが普通は楽。だけど問題発生。
●問題1
リンクボタンを背景画像で置換したい場合(つまり、aタグをblockにして、背景に透過PNGを指定し、文字をtext-indent:-9999pxとかで飛ばす方法)を使ったときに、マウスカーソルが手の形に変わらなくなる。(確認した環境ではリンク自体は有効)
●問題2
背景に透過PNGを指定したdivの中に問題1と同じような画像リンク(背景画像はJpeg)を入れた場合、リンク自体が無効になる。
少なくとも確認した環境では上の2つの問題が発生した。これはイケてない。
で、結局以前のエントリでも言及したDD_belatedPNGの方を使うことに。DD_belatedPNGの方ではまったく問題が起こらず、あっさり解決。
DD_belatedPNG
jQueryの「jquery.pngFix.js」の方は、背景画像に透過PNGを使うときは要注意っぽい。背景に使うことの方が多い様なきもするが。。。
jQueryを導入しているなら、やはりこのプラグインを使うのが普通は楽。だけど問題発生。
●問題1
リンクボタンを背景画像で置換したい場合(つまり、aタグをblockにして、背景に透過PNGを指定し、文字をtext-indent:-9999pxとかで飛ばす方法)を使ったときに、マウスカーソルが手の形に変わらなくなる。(確認した環境ではリンク自体は有効)
●問題2
背景に透過PNGを指定したdivの中に問題1と同じような画像リンク(背景画像はJpeg)を入れた場合、リンク自体が無効になる。
少なくとも確認した環境では上の2つの問題が発生した。これはイケてない。
で、結局以前のエントリでも言及したDD_belatedPNGの方を使うことに。DD_belatedPNGの方ではまったく問題が起こらず、あっさり解決。
DD_belatedPNG
jQueryの「jquery.pngFix.js」の方は、背景画像に透過PNGを使うときは要注意っぽい。背景に使うことの方が多い様なきもするが。。。
コメント