浏览器的兼容性问题，以及解决办法

兼容性

兼容性：浏览器兼容问题和适配问题统称为兼容性问题

解决办法

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；

　　}

以上内容如有错误之处，望请谅解，恳请指出错误之处...

• 还没有人评论，欢迎说说您的想法！