透過PNGをリンクを付けIE8で正常に
IE8では透過PNGにアンカータグを付けた時ホバーすると
透過部分に黒い物がでてしまう。
きれいに表示したい時
とりあえず色々調べてテストした中で下記をやり方にした。
alphafilter.js
を使用
IE8以下に表示
<!--[if lte IE 8 ]> <script type="text/javascript" defer="defer" src="js/alphafilter.js"></script> <![endif]-->
JSの使用に伴ない画像に下記のクラスを追加
<a href="hogehoge"><img src="btn.png" alt="" class="alphafilter btn" />
ホバーした時のソースは下記になるのでホバーした画像を作成
<a href="hogehoge"><img src="btn_on.png" alt="" class="alphafilter btn" />
参考サイト
http://blog.webcreativepark.net/2007/02/01-233315.html
この投稿へのトラックバック
トラックバックはありません。