本文和大家重点讨论一下DIV+CSS=2010全面兼容IE6/IE7/IE8/Firefox的CSS HACK，这里主要有两种方法解决IE兼容性问题，请看下文详细介绍。
DIV+CSS=2010全面兼容IE6/IE7/IE8/Firefox的CSSHACK
浏览器市场的混乱，给设计师造成很大的麻烦，设计的页面兼容完这个浏览器还得兼容那个浏览器，本来IE6跟Firefox之间的兼容是很容易解决的。加上个IE7会麻烦点，IE8的出现就更头疼了，原来hackIE7的方法又不能用了，怎么办呢？
第一种方法：
还好，微软提供了这样一个代码：
<metahttp-equivmetahttp-equiv="x-ua-compatible"content="IE=7"/>
把这段代码放到<head>里面，在IE8里面的页面解析起来就跟IE7一模一样的了，所以，基本上可以无视IE8，剩下的代码只需要这样写就可以了
background:#Firefoxc;/*对Firefox有效*/
*background:#ccc;/*对IE7有效*/
_background:#000;/*只对IE6有效*/
解释一下吧：
Firefox能解析第一段，后面的两个因为前面加了特殊符号“*”和“_”,Firefox认不了，所以只认background:#Firefoxc，看到的是黄色；
IE7前两短都能认，以最后的为准，所以最后解析是background:#ccc，看到的是灰色；
IE6三段都能认，而且“_”这个只有IE6能认，所以最后解析是_background:#000，看到的是黑色
已经是最简单和最好理解的写法了，如果你是google进来的，我可以很负责任的告诉你，这种方法是ok的，我测试过。
IE8的那段兼容7的代码我也测试过了，在我现在的windos7测试版所带的IE8是没问题的，以后IE8正式版出来还管不管用就不知道了。
ps：如果你发现按我这样写还是有问题的话，请查看一下你的html头，看看<head>之前的内容是不是这样的标准写法：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlnshtmlxmlns="http://www.w3.org/1999/xhtml">
这个是现在比较规范的写法，如果你是用dreamweaver做页面的话，默认也是这种规范的，切记，非这种规范写法的，兼容性不能保证
第二种方法：
要求苛刻的朋友是不愿意在页面头部增加<metahttp-equiv="x-ua-compatible"content="IE=7"/>这样一句代码的，因为这样的结果是每个页面都得加。那么要想兼容这几个浏览器还真得想别的办法了。早些天本站发布了一篇《完美兼容IE6,IE7,IE8以及Firefox的css透明滤镜》，可能当时测试的疏忽，IE8的兼容性没有解决好，好多朋友回复说用不了。今天抽出些时间，查阅大量资料，终于解决了这个问题了。
以下是兼容IE6/IE7/IE8/Firefox的写法，注意下面的顺序不可颠倒
margin-bottom:40px;/*Firefox的属性*/
margin-bottom:140px\9;/*IE6/7/8的属性*/
color:red\0;/*IE8支持*/
*margin-bottom:450px;/*IE6/7的属性*/
分享到：
相关推荐
尤其是在处理旧版Internet Explorer（如IE6、IE7、IE8）与现代浏览器（如Firefox、Chrome等）之间的样式差异时，CSS Hack技巧成为了必不可少的工具。本文将深入探讨不同浏览器兼容性的CSS Hack代码及其实例，帮助...
通过上述介绍可以看出，针对Firefox、IE6、IE7和IE8的CSS Hack是一种有效的解决浏览器兼容性问题的方法。虽然这种方法增加了开发和维护的成本，但对于需要支持多个浏览器版本的项目来说仍然是必要的。在实际应用中，...
这份名为“CSS HACK 兼容列表 Firefox,IE5,IE5.5,IE6,IE7,IE8.rar”的压缩包，提供了针对这些浏览器的CSS Hack解决方案，以确保在不同环境下页面的正常显示。 CSS Hack通常指的是利用浏览器解析CSS的bug或者特性，...
### CSS兼容IE6、IE7、IE8及Firefox解析与应用 #### 一、引言 随着Web技术的发展，浏览器的兼容性问题一直是前端开发者关注的重点。尤其在早期的Web开发过程中，Internet Explorer（IE）系列浏览器由于市场份额较大...
"IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览表" 提供了一个宝贵的资源，帮助开发者解决在不同浏览器之间存在的CSS样式差异。下面我们将深入探讨这个话题，了解各种CSS hack及其在这些浏览器中的表现。 ...
在探讨CSS样式兼容IE6、IE7、IE8与火狐浏览器的方法时，我们需深入理解不同浏览器对CSS的支持差异，以及如何通过特定的技术手段确保网页在这些浏览器中的一致性和美观性。以下是对这一主题的详细解析： ### 1. 了解...
CSS 兼容大全 IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari 等浏览器 CSS 兼容大全是指在不同的浏览器中，例如 IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari 等，如何使网页正常显示的技术。这个技术的核心是 CSS Hack，即...
### IE6、IE7、IE8、Firefox、Chrome、Safari的CSS Hack兼容一览表 在Web开发过程中，为了确保网站能够在不同的浏览器中保持一致的显示效果，开发者常常需要运用CSS Hack技术来解决浏览器间的兼容性问题。CSS Hack...
在网页设计领域，`div+css`布局是现代网页制作的标准技术之一，它将内容（HTML元素）与表现（CSS...阅读提供的资料如"十年积累)div+css 完全兼容ie6 ie7 IE8 IE9 和firefox方法.pdf"，将更深入地了解这些方法和技巧。
在网页设计中，CSS（层叠样式表）的兼容性问题常常困扰着开发者，尤其是在处理IE6.0、IE7.0与Firefox等不同浏览器之间的差异。以下是一些解决这些浏览器间CSS兼容问题的方法： 1. **DOCTYPE声明**：DOCTYPE声明会...
本文旨在详细介绍如何通过 CSS hack 技术以及调整 CSS 属性来解决 IE6、IE7 及 Firefox 之间的兼容性问题。 #### 二、CSS Hack 技术 CSS Hack 是一种特殊的 CSS 编写技巧，用于向特定版本的浏览器提供不同的样式...
本文将探讨一种通用方法来解决CSS在IE6、IE7及Firefox中的兼容性问题，通过使用特定的CSS Hack技巧，使网页能够优雅地适应这些浏览器。 #### CSS Hack详解 **1\. IE6/IE7与Firefox的CSS Hack** 在CSS中，可以通过...
本文将深入探讨如何使CSS样式兼容IE6、IE7、IE8、IE9以及Firefox、Chrome等现代浏览器。 1. **DOCTYPE声明的影响**： DOCTYPE声明对于浏览器的渲染模式至关重要。在HTML文档的顶部加入正确的DOCTYPE，如`<!DOCTYPE...
针对IE6、IE7和Firefox显示不同效果的CSS hack是前端开发中常见的需求，特别是在使用CSS+DIV布局时。本文将详细讲解如何使用CSS hack来区分这三种浏览器，并提供一些实用的技巧和方法。 首先，我们需要了解IE6、IE7...
css hack ie6 ie7 ie8 firefox等浏览器兼容性
### CSS完美兼容IE6、IE7与Firefox的通用方法详解 在Web开发的历史长河中，浏览器兼容性一直是开发者面临的重大挑战，尤其是处理早期版本的Internet Explorer（IE6和IE7）与现代浏览器如Firefox之间的差异。本文将...
而`IE7`和`IE8`开始逐步改进对CSS和DOM的支持，但仍然存在不少兼容性挑战。`IE9`和`IE10`则进一步提高了标准支持，尤其是`IE10`，开始更接近现代浏览器的标准。 对于`Firefox`，它是基于开源的`Gecko`渲染引擎，这...
【CSS Hack】在Web开发中，CSS Hack是一种特殊的技术，用于解决不同浏览器对CSS解析的差异，特别是针对老版本的Internet Explorer（IE6、IE7和IE8）的兼容性问题。这些浏览器在解析CSS时存在诸多不一致，导致设计师...
让 Div+CSS 兼容 IE6 IE7 IE8 IE9 和 FireFox Chrome 等浏览器 在前端开发中，让 Div+CSS 兼容不同的浏览器是一个很大的挑战。不同的浏览器有不同的渲染引擎和CSS解析规则，导致了同一份CSS代码在不同的浏览器中...