沃梦达 / IT编程 / 前端开发 / 正文

CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法

CSS hack是为了兼容不同浏览器所采用的编写CSS代码的技巧。下面是通用方法的攻略:

CSS hack是为了兼容不同浏览器所采用的编写CSS代码的技巧。下面是通用方法的攻略:

一、注释法

在CSS代码块中编写以下代码:

.selector {
  color: red; /*所有浏览器应用此代码*/
  _color: blue; /*只有IE6、IE7浏览器应用此代码,其他浏览器忽略*/
  *color: yellow; /*IE6、IE7应用此代码,其他浏览器忽略*/
}

其中,_color是IE6和IE7独有的属性。*color是通配符选择器,IE6~IE8解析时会忽略通配符,但是其他浏览器不会忽略。

二、属性值法

在CSS代码中编写以下代码:

.selector {
  color: red; /*所有浏览器应用此代码*/
  color: blue\9; /*IE6~IE8应用此代码*/
  color: yellow\0; /*IE8应用此代码*/
  color: green\9\0; /*仅IE9及更低版本未应用此代码*/
}

其中\9表示IE6~IE8独有的属性,\0表示IE8独有的属性。\9\0表示在IE9及以上版本不应用。

以上两种方法是CSS hack中常用的方法。需要注意的是,因为CSS hack是通过不规范的CSS语言实现,所以在开发过程中,要避免滥用CSS hack,尽量使用标准规范的CSS语言编写代码。

本文标题为:CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法