首页 > 代码库 > 【吉光片羽】ie6兼容性的几个点
【吉光片羽】ie6兼容性的几个点
1.浮动换行。自己写个导航，li向左浮动，到ie6下全部错开了。
--》 还是在现有bootstrap框架的基础上修改样式保险一些。
<div id="mymenu" class="navbar span12"> <!-- START MAIN NAVIGATION --> <ul class="nav navbar-nav">//....</ul></div>
错开的主要原因还是在于ie6对inline-block的支持不完全，li，a的宽高也不一致，hover变换背景的时候，a标签不能铺满，需要增加专门的css来调整
<!--[if lte IE 6]> <link href="http://www.mamicode.com/~/Content/css/iesisi.css" rel="stylesheet" /> <!-- bsie css 补丁文件 --> <link href="~/Content/css/bootstrap-ie6.min.css" rel="stylesheet" /> <!-- bsie 额外的 css 补丁文件 --> <link href="~/Content/css/ie.css" rel="stylesheet" /> <![endif]-->
详情：http://www.cnblogs.com/hejia/archive/2013/01/11/2856420.html
2.png图片变成灰白的。
这是ie对色彩的支持不全引起的。
这使用了js的方法修正
<!--[if lte IE 6]> <!-- bsie js 补丁只在IE6中才执行 --> <script src="~/Content/js/ie6/DD_belatedPNG_0.0.8a.js"></script> <script type="text/javascript"> try { DD_belatedPNG.fix(‘.topa img,#mymenu img,.speaknav img,#slid img,#footer img,.emanhold img,#eman_sm‘); } catch (exception) { } </script> <![endif]-->
3.z-index问题。
ie6的z-index和父级元素关系密切，而且需要相对位置。
.usernav,.learnav{z-index: 1000;position: relative}
4.插件不兼容，全部js都失效。
如果一个插件不支持，会导致这个<script></script>块中的脚本都失效，如果要不考虑该插件对ie6的支持而保全其他脚本，就将脚本分开。
【吉光片羽】ie6兼容性的几个点
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。