欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-07-02 17:16:23
兼容性 兼容性:浏览器兼容问题和适配问题统称为兼容性问题 解决办法 1.hack语法,控制解决办法 eg: 说明 ......

兼容性

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

解决办法

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;

  }

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