美文网首页
ie低版本浏览器兼容问题总结

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

作者: CC椿树 | 来源:发表于2017-01-20 15:42 被阅读0次

    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的人,那个人就是我自己,呵呵~~

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/klowbttx.html