iepngfixとアンカータグと

iepngfix.jsを使ってある要素の背景を透過PNGにしたとします。
そしてその要素内にアンカータグがあるとIE6で効かなくなるという現象がありました。

CSS:
ol#index_list li h2 {
background: transparent url(../img/~.png) ;
}

* html ol#index_list li h2 {
behavior: expression(IEPNGFIX.fix(this));
}

HTML:
<h2><a href=”~.html”>~</a></h2>

‥でどうやって回避したかというと
CSS:
ol#index_list li .index_inner {
background: transparent url(../img/~.png) ;
}

HTML:
<div class=”index_inner”><h2><a href=”~.html”>~</a></h2></div>

というカンジにアンカータグを孫にしてあげると大丈夫でした。Windows7ではIE6が動かないっぽいし、ともあれ早くこの世から消えてほしいなと思います。

Category: memo, web

Date posted:2009-04-02