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