|
|
IE6
|
IE7
|
IE8
|
FF
|
|
*
|
√
|
√
|
×
|
×
|
|
!important
|
×
|
√
|
×
|
√
|
|
_
|
√
|
×
|
×
|
×
|
|
\9
|
×
|
×
|
√
|
×
|
|
*html
|
√
|
×
|
×
|
×
|
|
*+html
|
×
|
√
|
×
|
×
|
|
说明：”√”代表能识别；” ×”代表不识别
1、 案例一（常用）
如果各个浏览器的高度都不相同，代码如下：
.warp{
Height:100px; /*IE6、IE7、IE8、FF识别*/
Height:110px\9; /*IE8识别*/
*height:120px!important; /*IE7 识别*/
*height:130px;
/*IE6、IE7识别，但上一段代码中!important的级别比*号的级别高，所以此段代码只有IE6中才有效*/
}
2、 案例二
如果各浏览器高度只有IE6和IE7中相同，而FF不同，代码如下：
.warp{
Height:100px; /*IE6 、IE7、 IE8、FF识别*/
*height:120px; /*IE6、IE7识别*/
}
3、 案例三
对各浏览器单独写不同代码，如下：
.warp{ height:200px; } /* IE6 、IE7、 IE8、FF识别*/
.warp{ height:300px\9;} /*IE8识别*/
*html .warp{ hegith:210px; } /*IE6识别*/
*+ html .warp{ height:300px;} /*IE7识别*/
4、 案例四
如果各浏览器高度相同只有IE6的不同，代码如下：
.warp{
Height:100px; /* IE6 、IE7、 IE8、FF识别*/
_Height:120px; /*IE6识别*/
}
还好，微软提供了这样一个代码：
<meta http-equiv="x-ua-compatible"
content="ie=7" />
把这段代码放到<head>里面，在ie8里面的页面解析起来就跟ie7一模一样
的了，所以，基本上可以无视ie8，剩下的代码只需要这样写就可以了
background:#ffc; /*
对firefox有效*/
*background:#ccc; /* 对ie7有效 */
_background:#000; /*
只对ie6有效 */
解释一下吧：
firefox能解析第一段，后面的两个因为前面加了特殊符号“*”和“_”,firefox认不了，所以只认
background:#ffc，看到的是黄色；
ie7前两短都能认，以最后的为准，所以最后解析是background:#ccc，看到的是灰色；
ie6三段都能认，而且“_”这个只有ie6能认，所以最后解析是_background:#000，看到的是黑色
ie8的那段兼容7的代码我也测试过了，在我现在的windos 7
测试版所带的ie8是没问题的，以后ie8正式版出来还管不管用就不知道了。
ps：如果你发现按我这样写还是有问题的话，请查看一下你的html头，看看<head>之前的内容是不是这样的标准写法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
这个是现在比较规范的写法，如果你是用dreamweaver做页面的话，默认也是这种规范的，切记，非这种规范写法的，兼容性不能保证
分享到：
相关推荐
在探讨CSS样式兼容IE6、IE7、IE8与火狐浏览器的方法时，我们需深入理解不同浏览器对CSS的支持差异，以及如何通过特定的技术手段确保网页在这些浏览器中的一致性和美观性。以下是对这一主题的详细解析： ### 1. 了解...
### CSS在IE6/IE7与Firefox下的兼容性解决方案 #### 概述 在Web开发领域，确保网页在不同浏览器间的一致性显示是至关重要的。由于历史原因，Internet Explorer（尤其是IE6和IE7）与现代浏览器如Firefox在解析CSS时...
最后，对于IE8，由于它在某些方面与IE6和IE7有显著不同，可能需要使用开发者工具进行调试，通过不断测试和调整，确定哪些CSS规则需要为IE8单独编写，以实现最佳的兼容性效果。 总之，处理CSS浏览器兼容性问题需要...
2. **IE6/7/8兼容写法**： ```css border:2px solid #090\9; ``` 对于IE6/7/8浏览器，使用`\9`后缀可以确保这些版本的IE能够正确解析CSS代码。这里的边框颜色被设置为绿色。 3. **IE8兼容写法**： ```css ...
### CSS完美兼容IE6、IE7与Firefox的通用方法详解 在Web开发的历史长河中，浏览器兼容性一直是开发者面临的重大挑战，尤其是处理早期版本的Internet Explorer（IE6和IE7）与现代浏览器如Firefox之间的差异。本文将...
### IE6、IE7、Firefox之间的兼容写法详解 #### 一、引言 随着Web技术的不断发展，浏览器兼容性问题一直是前端开发人员面临的重要挑战之一。尤其在早期的Web开发过程中，不同版本的Internet Explorer（简称IE）...
标题中的“css样式表兼容总结,兼容火狐,ie6,ie7,FF”指的是在网页设计中，CSS样式表需要处理不同浏览器之间的兼容性问题，特别是老版本的Internet Explorer（IE6和IE7）以及Firefox。描述中的“css样式表火狐,ie6,ie...
针对标题提及的"如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器"，这里将详细讨论一些关键的CSS兼容性问题及解决方案。 1. **DOCTYPE的影响**： DOCTYPE声明会影响浏览器进入何种文档模式。在HTML4或...
本文主要针对IE6、IE7和Firefox（FF）这三种浏览器的CSS兼容性进行详解。 首先，我们来看一下如何处理CSS兼容性问题。一种常用的方法是利用CSS Hack，即针对特定浏览器添加特定的样式规则。例如，对于`height`属性...
### CSS兼容IE6, IE7和Firefox的技巧与总结 #### 概述 在Web开发过程中，确保网页在不同浏览器中的兼容性是一项重要的任务。早期的浏览器如Internet Explorer 6 (IE6)、Internet Explorer 7 (IE7) 以及 Firefox 对...
搜集整理的CSS HACK，也即是在多种浏览器（主要是ie6 ie7 ie8 ff)下样式统一的解决办法。 内容还是较全的，前台开发中常见的兼容性问题都可以找到解决方法，值得研究。 包括各浏览器CSS hack,技巧。有实例。
本文将详细介绍如何通过特定的CSS技巧来实现对IE6、IE7、IE8以及Firefox等浏览器的全面兼容。 #### 一、了解IE浏览器的CSS选择器兼容性 首先，我们需要了解不同版本的IE浏览器对于CSS选择器的支持情况： - **IE6*...
本文将深入探讨如何使CSS样式兼容IE6、IE7、IE8、IE9以及Firefox、Chrome等现代浏览器。 1. **DOCTYPE声明的影响**： DOCTYPE声明对于浏览器的渲染模式至关重要。在HTML文档的顶部加入正确的DOCTYPE，如`<!DOCTYPE...
### CSS兼容IE6, IE7, FF的技巧详解 #### 一、CSS Hack技术解析 在Web开发过程中，由于不同的浏览器对CSS的支持程度不同，尤其是IE6与IE7这类较老版本的浏览器，在处理CSS样式时存在差异。为了确保网站在不同...
### CSS兼容IE6、IE7、FF的技巧详解 #### 一、CSS Hack技术 **CSS Hack**是一种针对不同浏览器的特性和版本差异编写特定样式的技术。它可以帮助开发者解决跨浏览器兼容性问题。 ##### 1. 通用Hack方法 对于**IE6...
标题中的“上传图片预览-兼容IE6，IE7，IE8，FF”指的是一个Web开发的技术解决方案，目的是实现图片上传前的预览功能，并确保该功能在早期版本的Internet Explorer（IE6、IE7、IE8）以及Firefox浏览器上都能正常工作...