如果我们在编写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方法
基础教程推荐
猜你喜欢
- vue3+ts+elementPLus实现v-preview指令 2023-07-09
- css写菜单:简洁注释版 2022-11-06
- uni-app设置是否保持常亮状态,离开小程序后设置失效 2023-08-29
- Ajax结合php实现二级联动 2023-01-20
- html,css基础(2)~元素盒模型,浮动布局,弹性布局 2023-10-26
- TWebBrowser 与 MSHTML(1): 从 TWebBrowser 获取 DOM 中的 window 对象 2023-10-26
- Ajax入门学习教程(一) 2023-01-26
- ajax验证用户名和密码的实例代码 2022-12-28
- CSS清除浮动方法汇总 2022-11-16
- JS语法也可以有C#的switch表达式 2023-07-09
