查看: 2645|回复: 0

[HTML代码] 浏览器的兼容性问题,以及解决办法

发表于 2018-1-2 08:00:00

兼容性

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

解决办法

1.hack语法,控制解决办法

  

eg:

说明:

  •  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;

  }

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



回复

使用道具 举报