浏览器兼容性问题解决方法 (浏览器兼容性的解决方法)

浏览器兼容性的问题怎么解决,浏览器兼容性如何解决

广东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优就业