如果我们在编写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方法
基础教程推荐
猜你喜欢
- 利用Ajax检测用户名是否被占用的完整实例 2023-02-23
- php-从包含HTML标记的SQL数据库填充HTML表单 2023-10-27
- Vue3 如何使用(01) 2023-10-08
- [markdown&html]有趣的东西 2023-10-28
- vue3 computed 2023-10-08
- layui数据表格获取数据 2023-08-31
- JavaScript实现可拖拽的进度条 2023-08-08
- 常用CSS缩写语法总结 2022-10-16
- Ajax 配合node js multer 实现文件上传功能 2023-02-14
- JavaScript实现限时秒杀功能 2023-12-02