
广东IT优就业
兼容性
兼容性:浏览器兼容问题和适配问题统称为兼容性问题
解决办法
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;
}

广东IT优就业
希望广州IT培训老师上述分享的内容对大家有所帮助。
出处:https://www.cnblogs.com/ljyweb/p/8144534.html
更多IT精彩推荐:
人人都要学的IT小技巧:http://xue.ujiuye.com/zt/renrenxue/

广东IT优就业