如果我们在编写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方法
猜你喜欢
- linux – 渲染html页面并使用命令行保存它 2023-10-28
- react-router v6实现权限管理+自动替换页面标题的案例 2023-07-09
- php-来自mysql的html中的特殊字符输出 2023-10-26
- [使用Vue中的devServer.proxy代理跨域请求时的坑及奇妙的解决方法] POST 请求被转为了 GET 请求,并且传入的参数也被清除了。但是使用Postman测试接口时完全正常 2023-10-08
- HTML / PHP表单未发布(MYSQL) 2023-10-26
- javascript-在属性内存储HTML 2023-10-25
- Vue3 使用 element-plus 不生效的原因之一 2023-10-08
- javascript:void(0)的真正含义实例分析 2023-12-01
- Ajax加载菊花loding效果 2023-01-20
- Linux 服务器 安装raml2html 管理API文档 raml 2023-10-25