第一种，是CSS HACK的方法
height:20px; /*For Firefox*/
*height:25px; /*For IE7 & IE6*/
_height:20px; /*For IE6*/
注意顺序。
这样也属于CSS HACK，不过没有上面这样简洁。
#example { color: #333; } /* Moz */
* html #example { color: #666; } /* IE6 */
*+html #example { color: #999; } /* IE7 */
第二种是使用IE专用的条件注释
<!-- 其他浏览器 -->
<link rel="stylesheet" type="text/css" href="css.css" />
<!--[if IE 7]>
<!-- 适合于IE7 -->
<link rel="stylesheet" type="text/css" href="ie7.css" />
<![endif]-->
<!--[if lte IE 6]>
<!-- 适合于IE6及一下 -->
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->
第三种css filter的办法，以下为经典从国外网站翻译过来的。
新建一个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各版本以外的浏览器上。
对IE6和FF的兼容可以考虑以前的!important
来源:http://www.arcbox.cn/zblog/post/36.html
分享到：
相关推荐
### CSS兼容IE6、IE7、IE8及Firefox解析与应用 #### 一、引言 随着Web技术的发展，浏览器的兼容性问题一直是前端开发者关注的重点。尤其在早期的Web开发过程中，Internet Explorer（IE）系列浏览器由于市场份额较大...
CSS 兼容大全 IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari 等浏览器 CSS 兼容大全是指在不同的浏览器中，例如 IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari 等，如何使网页正常显示的技术。这个技术的核心是 CSS Hack，即...
通过以上介绍的方法和技术，网页设计师可以有效地解决 IE6、IE7 以及 Firefox 之间的兼容性问题。虽然现代浏览器已经广泛采用了标准的 CSS 规范，但对于需要支持旧版浏览器的项目而言，了解这些技巧仍然是十分必要的...
### CSS完美兼容IE6_IE7_FF的通用方法 在网页设计与开发过程中，浏览器兼容性问题一直是前端开发者面临的重要挑战之一。特别是在早期的Web开发中，如何让网站同时兼容Internet Explorer 6（简称IE6）、Internet ...
针对标题提及的"如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器"，这里将详细讨论一些关键的CSS兼容性问题及解决方案。 1. **DOCTYPE的影响**： DOCTYPE声明会影响浏览器进入何种文档模式。在HTML4或...
本文将深入探讨如何使CSS样式兼容IE6、IE7、IE8、IE9以及Firefox、Chrome等现代浏览器。 1. **DOCTYPE声明的影响**： DOCTYPE声明对于浏览器的渲染模式至关重要。在HTML文档的顶部加入正确的DOCTYPE，如`<!DOCTYPE...
在探讨CSS样式兼容IE6、IE7、IE8与火狐浏览器的方法时，我们需深入理解不同浏览器对CSS的支持差异，以及如何通过特定的技术手段确保网页在这些浏览器中的一致性和美观性。以下是对这一主题的详细解析： ### 1. 了解...
标题中的“让CSS兼容IE和Firefox的技巧集合”是指在网页设计中，针对Internet Explorer（IE）和Firefox这两种浏览器之间CSS样式兼容性问题的解决策略。描述中的“嘿呌，IE不再是个bug”暗示了这些技巧能帮助开发者...
让 Div+CSS 兼容 IE6 IE7 IE8 IE9 和 FireFox Chrome 等浏览器 在前端开发中，让 Div+CSS 兼容不同的浏览器是一个很大的挑战。不同的浏览器有不同的渲染引擎和CSS解析规则，导致了同一份CSS代码在不同的浏览器中...
尤其是在处理旧版Internet Explorer（如IE6、IE7、IE8）与现代浏览器（如Firefox、Chrome等）之间的样式差异时，CSS Hack技巧成为了必不可少的工具。本文将深入探讨不同浏览器兼容性的CSS Hack代码及其实例，帮助...
..如何让11div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器.docx
..如何让11div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器.pdf
以下是一些针对IE与Firefox的CSS兼容性的要点： 1. **DOCTYPE的影响**：DOCTYPE声明会影响浏览器进入不同的渲染模式。在IE中，没有正确的DOCTYPE会导致浏览器进入“quirks模式”，而Firefox则会遵循更接近标准的...
在网页设计领域，`div+css`布局是现代网页制作的标准技术之一，它将内容（HTML元素）与表现（CSS...阅读提供的资料如"十年积累)div+css 完全兼容ie6 ie7 IE8 IE9 和firefox方法.pdf"，将更深入地了解这些方法和技巧。
标题中的“css样式表兼容总结,兼容火狐,ie6,ie7,FF”指的是在网页设计中，CSS样式表需要处理不同浏览器之间的兼容性问题，特别是老版本的Internet Explorer（IE6和IE7）以及Firefox。描述中的“css样式表火狐,ie6,ie...
在网页设计中，CSS（层叠样式表）的兼容性问题始终是开发者面临的挑战，特别是对于老版本的浏览器，如Internet Explorer（IE6和IE7）以及Firefox。本文主要介绍了几种针对这些浏览器的CSS兼容性解决方案。 首先，...
【CSS在IE6 IE7与FireFox下的兼容问题】 在Web开发中，CSS（层叠样式表）的兼容性问题一直是开发者面临的一大挑战，尤其是在早期的浏览器之间，如Internet Explorer (IE)的6、7版本和Firefox。这些浏览器对CSS标准...
以下是一些解决这些浏览器间CSS兼容问题的方法： 1. **DOCTYPE声明**：DOCTYPE声明会影响浏览器的呈现模式。在HTML文档开头使用正确的DOCTYPE声明，如`<!DOCTYPE html>`，可以确保浏览器以标准模式解析CSS，减少...
### CSS完美兼容IE6、IE7与Firefox的通用方法详解 在Web开发的历史长河中，浏览器兼容性一直是开发者面临的重大挑战，尤其是处理早期版本的Internet Explorer（IE6和IE7）与现代浏览器如Firefox之间的差异。本文将...