如果我们在编写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方法 - Python技术站