透過PNGをリンクを付けIE８で正常に

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

bh0505 lifelog