首页 > 代码库 > 常见的浏览器兼容
常见的浏览器兼容
1.不同浏览器默认的margin、padding不同
重置样式
2.ie6下双倍bug:
1. 浮动
2. 块属性元素
3. 有margin横向的值
4. ie6下
display:inline;
3.图片与图片之间及图片底部有间隙
浮动 或 display:block; 或 vertical-align:top | bottom |middle
4.ie6 7下默认有行高
设置overflow:hidden;
或者设置line-height小于你设置的高度
5.a标签里嵌套img时,有些浏览器下会出现有颜色的边框
border:none; 或者 border:0;
(渲染、不渲染)
6.透明度的兼容问题
opacity:0.5; filter:alpha(opacity=50);
7.IE6-8中的a标签默认带虚线框
例:<a href="http://www.mamicode.com/#" onfocus="this.blur();">
例:<a><span>测试</span></a>
8。居中问题
如div设置 margin: 0 auto; 时已经居中,IE(ie低版本) 不行,
IE需要设定body居中,首先在父级元素定义text-algin: center;意思是在父级元素内的内容居中 ……..
bug产生总结:
1. bug经常出现在低版本ie中
2. 很多兼容问题是由于标签的不合理嵌 套,标签的使用不规范而产生
3. css样式使用不当也能造成兼容问题
常见的浏览器兼容
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。