浏览器的兼容性问题,以及解决办法
程序员文章站
2022-07-02 17:16:23
兼容性 兼容性:浏览器兼容问题和适配问题统称为兼容性问题 解决办法 1.hack语法,控制解决办法 eg: 说明 ......
兼容性
兼容性:浏览器兼容问题和适配问题统称为兼容性问题
解决办法
1.hack语法,控制解决办法
<!--[if <keywords>? IE <version>?]>
HTML代码块
<![endif]-->
eg:<!--[if gt IE 6]>
......
<![endif]-->
说明:
gt(大于) lt (小于) gte (大于等于) lte (小于等于) 等于 (不写) ! (不等于)2.常规(直接解决办法)
-webkit-(谷歌) -o-(opera欧朋浏览器) -moz-(火狐) -ms-(IE)
IE5/IE6低版本兼容性问题
1.双倍外边距问题
问题描述:当一个div给出浮动之后,给出左边距时。在IE5/IE6上边距会大2倍。
解决办法:加属性display:inline
2.图片链接蓝色边框问题
问题描述:比如,给图片一个超链接,图片会出现一个蓝色边框。
解决办法:给图片加一个去掉边框属性
3.图片引入下边距多距离问题
解决办法1:①给图片设置一个vertical-align:bottom;
②给它的父级加属性font-size:0px;
解决办法2:用hack语句控制
4.如果在不同的浏览器版本上,显示的背景颜色不一样怎么办?(针对于IE5/IE6/IE7)
解决办法:*(代表兼容IE6/IE7)
-或_(代表兼容IE5/IE6)
eg:body{
background:red;
*background:green;
_background:orange;
}
5.不同浏览器版本,页面外边距不同
解决办法:写一个公共的样式
*{
marigin:0;
padding:0;
}
以上内容如有错误之处,望请谅解,恳请指出错误之处...