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

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

如果我们在编写CSS代码时,需要考虑兼容IE6/IE7/FF,那么就需要使用CSS通用hack来解决问题。下面是一些常见的CSS通用Hack方法,供参考:

如果我们在编写CSS代码时,需要考虑兼容IE6/IE7/FF,那么就需要使用CSS通用hack来解决问题。下面是一些常见的CSS通用Hack方法,供参考:

1. 属性前缀法

color: #fff;        /* 正常显示 */
_color: #f00;       /* 只在IE6/IE7中显示红色 */
*color: #0f0;       /* 只在IE6中显示绿色 */
  • 在IE6、IE7中,如果属性名前加上“_”下划线,只有IE6/IE7会识别该属性,其他浏览器将忽略该属性。
  • 在IE6中,通过在属性名前加上“*”星号,可以让IE6单独识别这个属性。

2. Hack选择器法

body { font-size: 14px }            /* Safari, FireFox, Chrome */
body { font-size: 14px\9 }         /* IE 6, 7, 8 */
body { font-size: 14px; *font-size: 16px } /* IE 6, 7 */
  • 在IE6、IE7中,如果属性后加上“\9”,只有IE6/IE7会识别该属性,其他浏览器将忽略该属性。
  • 在IE6中,通过使用“*”星号,可以让IE6单独识别这个选择器。

以上就是两个常见的CSS通用Hack方法的示例说明。通用Hack方法的用法虽然便捷,但是应当谨慎使用,以免出现意想不到的效果。而且,不同版本的浏览器对CSS Hack方法的兼容性也可能会不同,需要进行综合考虑,避免出现不必要的错误和浪费时间。

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