以前我有写过一篇关于让IE6支持png半透明图片的方法,这期间这一神器一直发挥了很大的作用,并且没有出现过什么差错,直到昨天。
昨天同事做的一个项目因为设计图的关系,所以实现起来用到了很多position定位的属性,这里就不细说为什么用到很多定位的属性了。页面做完并用到了IEPNGFix方法之后,在ie6下就会弹出对话框,上面显示:
IEPNGFix:Unclickable children of element
<DIV>
随即Google了一下,找到了原因并解决了此问题。
原因:需要应用此方法的层上有position定位的属性,所以就出现上述的对话框;
解决:在原来用此方法的层#box1外再加一个层#box2,把position定位的属性写到层#box2上,层#box1不要有定位的属性。
如原来的结构是<div id="box1" style="position:relative;"></div>
改为<div id="box2" style="position:relative;"><div id="box1"></div></div>
。
这样就能解决在ie6下弹出上述对话框的问题了。