Tag标签 | 收藏本站 | 设为首页 | 参考书籍 | web前端技术交流①群:WEB前端技术交流群 会员登录 | 会员注册

首页文字描述

会员投稿 RSS订阅 专注web前端: 要么读书、要么旅行,身体和精神必须要有一个在路上。【每天一小步,成功一大步】
搜索: 您的位置主页 > WEB前端 > Bug解决 > 四点解决包括IE6在内的95%以上的兼容问题
隐藏/显示侧边栏

四点解决包括IE6在内的95%以上的兼容问题

2013-08-28 23:37    来源:http://www.cgner.com    责任编辑:admin    字号【

WEB前端BUG调试,网页设计BUG调试

一.docutype没有声明,带来的IE浏览器盒模型的解析BUG
解决:进行XTML 正确声明,如 strict声明

二.浏览器的初始值不同产生的BUG,浏览器对某些标签的初始值不同,典型的UL、OL列表 (浏览器厂商大战遗留的)
解决:进行CSS初始化

三.自身代码不规范带来的BUG
解决:面壁

四:浏览器本身的BUG(以上三点能解决大部分的BUG)

4.1 IE6,有双倍margin bug。。。IE6的双倍margin的BUG
是指:某元素 float:left; margin-left的值为10px,那么页面上会解析为20px;
同时,flot:right;magin-right也会加倍,加倍的值为margin-right的值
解决方案:设置漂浮元素的”_display:inline;”加带下划线的,表示只针对IE

4.2 IE6的3像素的margin BUG
解决方法:规范浮动与清除浮动
如下:
CSS样式:

<style type="text/css">
#a,#b{ width:200px; height:100px; background:green;}
</style>

HTML代码如下:

<div id="a"></div>
<div id="b"></div>

此时以上代码和CSS会在IE6中产生3像素margin BUG,解决方法(1).只需要给id=”b”向左浮动,(2)或者clear:left;清楚浮动,此时b会位于a下面。

4.3 IE关于a标签的4个伪类的兼容BUG
详细:对于IE,如果a:link方式声明了标签的样式,可能引来visited伪类的异常
解决方案:把a:link直接用a代替,而a在其它浏览器能正常识别


更多
Tags 标签: web前端 WEB规范 bug
责任编辑:admin
  • 上一篇:没有了
  • 下一篇:IE6,IE7中body{overflow:hidden;}失效BUG解决
  • 最新图文列表
    整合、复习所有CSS的兼容BUG(IE6、7、8,Firefox,Chrome)
    整合、复习所有
    设为首页 | 加入收藏 | 关于我们| 版权声明 | 在线留言 | 网站地图 |