浏览器的兼容性问题,以及解决办法
兼容性
兼容性:浏览器兼容问题和适配问题统称为兼容性问题
解决办法
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;
}
以上内容如有错误之处,望请谅解,恳请指出错误之处...
上一篇: SQL查询某一字段重复的数据
推荐阅读
-
ECshop 迁移到 PHP7版本时遇到的兼容性问题_PHP
-
JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结_javascript技巧
-
求兼容手机浏览器的DIV弹出层CSS写法_html/css_WEB-ITnose
-
一份老外写的XMLHttpRequest代码多浏览器支持兼容性_javascript技巧
-
都是IE惹的祸多浏览器兼容问题
-
CSS Div 最小高度在IE 6 和IE 7中的兼容性问题
-
解决IE5/IE5.5/IE6/FF的兼容性问题——CSS
-
css实现兼容各个浏览器的技巧的代码
-
PHP版本的选择5.2.17 5.3.27 5.3.28 5.4 5.5兼容性问题分析
-
XSplit登陆慢以及无法登陆现象的解决办法介绍