兼容IE6 IE7 Firefox的CSS
来源:互联网 发布:java怎么获取当前日期 编辑:程序博客网 时间:2024/05/17 07:55
由于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
- 兼容IE6 IE7 Firefox的CSS
- CSS兼容IE6,IE7,FireFox
- CSS兼容IE6,IE7,FireFox
- CSS兼容IE6,IE7,FireFox兼容CSS的解决方法
- IE6,IE7,FireFox兼容CSS的解决方法及CSS差别
- IE6,IE7,FireFox兼容CSS的解决方法及CSS差别
- IE6,IE7,FireFox兼容CSS的解决方法及CSS差别
- 兼容IE6、IE7和Firefox的CSS下拉菜单
- CSS兼容IE6,IE7,FIREFOX的一些收集
- IE6.0、IE7.0 与FireFox CSS兼容的解决方法
- IE6.0、IE7.0 与FireFox CSS兼容的解决方法
- 解决IE6、IE7、Firefox兼容最简单的CSS Hack
- CSS兼容IE6,IE7,FIREFOX的一些收集
- 兼容IE6/IE7/IE8/FireFox的CSS hack
- IE6.0、IE7.0 与FireFox CSS兼容的解决方法
- CSS兼容IE6,IE7,FIREFOX的hack收集
- 解决IE6、IE7、Firefox兼容最简单的CSS Hack
- IE6.0、IE7.0 与FireFox CSS兼容的解决方法
- Tomcat中文乱码问题的原理和解决方法
- 无法删除文件夹的解决办法
- 一个真正符合中国国情的工作流设计参考(包括PHP实现)
- 开发笔记:Python中的Module
- ASP.NET 安全认证
- 兼容IE6 IE7 Firefox的CSS
- 如何恢复无法修复的Visual Studio 的破损文件
- ARP欺骗攻击的防范
- 什么是Linux防火墙
- 购物车的C#实现及结算处理
- 免费代理服务器地址和使用设置
- 国外牛人高风险破解Vista下USB传输速度 可达50MB/s
- 服务器控件名缩写表
- T3 废土行者 刺杀 属性比较 (比较详细)