做前端的同学都会遇到浏览器兼容问题，今天顺手整理一下遇到的和没遇到的从网上搜来的部分IE6下常见兼容问题，以备后用。

IE6虽然要被淘汰了，但是从统计来看，国内使用IE6的用户还是居多，下图是一个小型网站的IE浏览器访问统计：

无法否认的事实将继续折腾前端工程师在网页设计时，不得不继续考虑IE6的用户体验。

IE6下常见问题汇总：

1、IE6下层不能在下拉框之上的问题

2、IE6的双倍边距BUG

3、IE6下两个层中间有间隙

4、IE6使用滤镜使PNG图片透明后，容器内链接失效的问题

5、IE6下为什么图片下方有空隙产生
Read More

IE6下的错误提示：IEPNGFix: Children of positioned element are unclickable

起因：由于PNG在IE6下的透明问题导致的

为了解决透明问题，引入IEPNGFix， 具体介绍可看这里：http://www.twinhelix.com/css/iepngfix/demo/

但是在Position为absolute的情况下，IE6 会出现：IEPNGFix: Children of positioned element are unclickable 错误。

Search了下google，遇上此问题的网友不少，收集两种解决方案：

1、需要使用 PNG 背景的元素是 #bg，在写结构的时候就让 #bg 不要成为其他任何元素的父元素。让本要在 #bg 里面的元素成为 #bg 的兄弟元素。然后再通过定位把兄弟元素覆盖到 #bg 上去。

2、在原来用PNG背景的box外加个div，把定位的属性写到外层的div，里面的box不要有定位的属性。

在IE6下有个bug, 就是onclick里面的如果有window.location =""; 这个跳转不会执行，要把href="javascript:void(0)"里面改成其他字符, 比如#, ###等.

function logoutSystem(){
    if(confirm("你真要退出登录吗？")){
        window.location="logoutPage.action";
    }
}