Fork me on GitHub

IEPNGFix:Unclickable children of element 解决办法

以前我有写过一篇关于让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下弹出上述对话框的问题了。

posted @ 2011-07-05 10:26  磊哥|www.javacn.site  阅读(600)  评论(0编辑  收藏  举报