IEPNGFix:Unclickable children of element 处理方法

2014年9月12日14:26:08 评论 832 次浏览

今天给客户做一个特殊的单页网站,因为内容的确不多,所以借用的以前的程序,不过就是把css、js进行了深度的精简,轻量的网页配以前的复杂js跟css也会影响打开的速度。
在都完成准备调试的时候,发现了这个错误:

IEPNGFix:Unclickable children of element 处理方法

IEPNGFix:Unclickable children of element</div>

一看名字就是png图片的相关错误,这个错误也只有在ie6这么低级的版本中才会出现。

原因:需要应用此方法的层上有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下弹出上述对话框的问题了。

当然,如果页面中没有用到png图片,可以去掉这个png图片修复,如果嫌找代码麻烦的话,把网页、css中的png图片改成jpg、或是透明gif也可以。

weinxin
加我微信
微信扫一扫,加我微信好友,共同交流,共同进步! (备注:焦国强博客)
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: