!important在ie7.0的hack方法
来源:互联网 发布:布局 知乎 编辑:程序博客网 时间:2024/05/17 22:33
由于ie对!important识别存在bug,而现在大部分网页标准设计师又通过这个bug来兼容ie和ff,但是ie7.0把这个bug给修复了,所以问题又出现了,怎么兼容ie.7.0的同时又能兼容ie6.0和ff?正所谓"上有政策,下有对策",国外的网页标准设计师通过使用css filter的办法(并不是css hack)来兼容ie7.0,ie6.0和ff,以下为我从国外网站的翻译.
新建一个css样式如下:
#item {
width: 200px;
height: 200px;
background: red;
}
新建一个div,并使用前面定义的css的样式:
<div id="item">some text here</div>
在body表现这里加入lang属性,中文为zh:
<body lang="en">
现在对div元素再定义一个样式:
*:lang(en) #item{
background:green !important;
}
这样做是为了用!important覆盖原来的css样式,由于:lang选择器ie7.0并不支持,所以对这句话不会有任何作用,于是也达到了ie6.0下同样的效果,但是很不幸地的是,safari同样不支持此属性,所以需要加入以下css样式:
#item:empty {
background: green !important
}
:empty选择器为css3的规范,尽管safari并不支持此规范,但是还是会选择此元素,不管是否此元素存在,现在绿色会现在在除ie各版本以外的浏览器上,并在以下浏览器和操作系统下通过测试:
ie7 beta 2 preview/win
ie5.01 /win
firefox 1.5/win
opera 8.5/win & linux
netscape 7.01, 8/win
mozilla 1.7.12/win & linux
safari 2/mac
firefox 1.0.4/linux
epiphany 1.4.8/linux
galeon 1.3.20/linux
按照远作者的说法其实这不能算是一种hack,应该属于filter,不过这似乎并不是最重要的,因为通过这个办法,我们又一次了解决ie6.0,ie7.0和其他浏览器之间的兼容性问题,而且使用:lang-filter这办法,在今后的一段时间内都会有用
<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>- !important在ie7.0的hack方法
- ie7 下hack的方法
- web2.0技术-css兼容IE6/IE7/FF的通用方法和著名的Clearfix Hack
- Firefox, IE6, IE7在CSS hack上的入口点
- CSS完美兼容IE6/IE7/FF的通用hack方法
- CSS完美兼容IE6/IE7/FF的通用hack方法
- 解决IE6、IE7、Firefox的CSS HACK 方法集
- 针对IE7的CSS Hack
- 针对IE7的CSS Hack
- IE8 IE6 IE7 的 HACK
- 用!important实现ie6的hack
- CSS !Important及感叹号(!) hack的应用
- CSS HACK收集:在IE6下hack的方法详解
- css兼容IE6/IE7/FF的通用方法和著名的Clearfix Hack
- css兼容IE6/IE7/FF的通用方法和著名的Clearfix Hack
- 一个针对IE7的CSS Hack
- FF, IE6, IE7的CSS hack
- IE6 IE7 Firefox 的CSS hack区分
- 如何保存用image 控件放大的图像?
- 设计之痛比女人还麻烦的IE浏览器
- select用存储过程返回的表
- 用DELPHI为ASP开发文件上载组件
- 《一个人的奥林匹克》
- !important在ie7.0的hack方法
- 从数据库中随机抽N条记录
- uclinux-2008R1-RC8(bf561)到VDSP5的移植(7):_sdata
- Delphi使用技巧四则
- 用css制作星级评分
- 如何找出消耗cup的进程信息和执行的语句
- 用Delphi 开发数据库程序经验三则
- uclinux-2008R1-RC8(bf561)到VDSP5的移植(8):_stext
- 分享:CSS使用技巧20则