当前位置: 移动技术网 > IT编程>网页制作>Html5 > 浏览器的兼容性问题,以及解决办法

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

2018年01月15日  | 移动技术网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;

  }

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

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网