ie低版本浏览器兼容问题总结

ie7不兼容width：100%；

ie7下z-index的兼容问题：

ie7下比较的是有position的父元素间的z-index;给z-index混乱的元素的所有有定位的父元素加上z-index即可；

input输入框，再ie6下出现随内容增多而变化的bug，给input加overflow：hidden;可解决

ie7下，div不只适应内容的宽度，默认100%；解决办法：给内容加display:inline-block;*display：inline；*zoom:1;

ie10以下，当div背景透明时，div下若有按钮，点击div会发生点击穿透事件。

ie9.10解决办法background-color:rgba(0,0,0,0);

在ie678下解决办法：background:url(../img/transparent.gif);(图片为1*1的透明gif图，或着图片路径不存在也可以，只是会报404的错)

ie6不支持fixe的解决办法：

_position: absolute;_bottom: auto;_top: expression(eval(document.documentElement.scrollTop));网址：http://www.jb51.net/css/67033.html。

去除ie下的虚线边框：

给input和超链接a添加 hidefocus="true" 去掉ie6下的虚线边框

一般的去除ie下的边框：a:focus,a:active{outline:none;}

也可用js去掉：var?a?=?document.getElementById("test");a.hideFocus?=?true;

只从工作以后，我只碰到过一个需要兼容ie6的人，那个人就是我自己，呵呵~~