浏览器市场的混乱,给设计师造成很大的麻烦,设计的页面兼容完这个浏览器还得兼容那个浏览器,本来ie6跟ff之间的兼容是很容易解决的。加上个ie7会麻烦点,ie8的出现就更头疼了,原来hack ie7的方法又不能用了,怎么办呢?
第一种方法:
还好,微软提供了这样一个代码:
<meta http-equiv="x-ua-compatible" content="ie=7" />
把这段代码放到里面,在ie8里面的页面解析起来就跟ie7一模一样的了,所以,基本上可以无视ie8,剩下的代码只需要这样写就可以了
background:#ffc;
*background:#ccc;
_background:#000;
解释一下吧:
firefox能解析第一段,后面的两个因为前面加了特殊符号“*”和“_”,firefox认不了,所以只认background:#ffc,看到的是黄色;
ie7前两短都能认,以最后的为准,所以最后解析是background:#ccc,看到的是灰色;
ie6三段都能认,而且“_”这个只有ie6能认,所以最后解析是_background:#000,看到的是黑色
阿门!已经是最简单和最好理解的写法了,如果你是google进来的,我可以很负责任的告诉你,这种方法是ok的,我测试过。
ie8的那段兼容7的代码我也测试过了,在我现在的windos 7 测试版所带的ie8是没问题的,以后ie8正式版出来还管不管用就不知道了。
ps:如果你发现按我这样写还是有问题的话,请查看一下你的html头,看看之前的内容是不是这样的标准写法
<!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做页面的话,默认也是这种规范的,切记,非这种规范写法的,兼容性不能保证
<style>
.aaaa{
background-color:red;
*background-color:black;
_background-color:green;
}
</style>
LoVe/HAte 爱/恨
<style>
a:link {
color: #0000FF;
text-decoration: none;
}
a:visited{
color: #00ffff;
text-decoration: none;
}
a:hover {
color: #FF0000;
text-decoration: none;
}
a:active {
color: #00FF00;
text-decoration: underline;
}
</style>
<a href="#">先要把A伪类的顺序搞对了</a>
IE测试工具:
1、IE tester
2、Utilu IE Collection
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
分享到:
相关推荐
在探讨IE6、IE7、IE8对CSS和JavaScript支持的差异时,我们可以发现一系列显著的兼容性问题和解析规则的变化。以下是对这些差异的详细分析: 1. **JavaScript性能和垃圾收集**: - 在IE6中,JScript引擎在处理大量...
在早期的Internet Explorer浏览器,即IE6、IE7和IE8,它们并不支持CSS3的一些新特性,如圆角和阴影效果。这些特性在现代浏览器中已经非常常见,可以为网页设计提供更丰富的视觉体验。为了让这些老版本的IE浏览器也能...
这份“IE6, IE7, IE8 CSS 兼容速查表”就是为了解决这一问题而编写的,它提供了关于这些浏览器中CSS特性的详尽对比和解决方案。 1. **CSS盒模型差异**:IE6、7采用了独特的盒模型,其中`width`属性包含了边框和内...
本文将详细介绍如何为Firefox以及IE6、IE7、IE8等浏览器编写CSS Hack。 ### CSS Hack定义 CSS Hack是一种专门用于解决浏览器间CSS渲染差异的技术,通过向某些浏览器提供特定的样式规则来达到兼容的目的。CSS Hack...
"PIE_IE678_uncompressed.js" 和 "PIE_IE9_uncompressed.js" 分别是针对IE6、7、8的未压缩版本的JavaScript文件,而"PIE_IE9.js"则是针对IE9的。未压缩版本通常用于开发和调试,因为它们包含了完整的代码和易于阅读...
让IE7 IE8 完全支持CSS2.1和部分CSS3标准。
标题和描述均提到了“DIV+CSS相对IE6、IE7和IE8的兼容问题”,这揭示了在Web开发中,尤其是针对老旧浏览器如IE6、IE7和IE8进行CSS布局时,开发者可能遇到的一系列挑战。这些浏览器在解析CSS规则时存在独特的行为,...
在CSS布局设计中,兼容性是一个重要的考虑因素,特别是对于那些仍需要支持旧版浏览器的开发者来说,如IE6、IE7和IE8。这些早期版本的Internet Explorer浏览器对CSS的支持并不完全,需要使用特定的“hack”来解决兼容...
在探讨CSS样式兼容IE6、IE7、IE8与火狐浏览器的方法时,我们需深入理解不同浏览器对CSS的支持差异,以及如何通过特定的技术手段确保网页在这些浏览器中的一致性和美观性。以下是对这一主题的详细解析: ### 1. 了解...
尤其是在处理旧版Internet Explorer(如IE6、IE7、IE8)与现代浏览器(如Firefox、Chrome等)之间的样式差异时,CSS Hack技巧成为了必不可少的工具。本文将深入探讨不同浏览器兼容性的CSS Hack代码及其实例,帮助...
标题中的“ie-css3(让ie6 ie7 ue8支持css3).rar”指的是一个针对Internet Explorer(IE)浏览器的解决方案,尤其是版本6、7和8,这些版本不原生支持CSS3的新特性。这个压缩包包含了一个名为“ie-css3(让ie678支持css...
标题中的“ie 6 ie7 ie8 支持css3”指的是如何使老旧的Internet Explorer(IE)浏览器,包括版本6、7和8,能够支持CSS3的新特性。CSS3是层叠样式表的第三个主要版本,引入了大量增强网页设计的新功能,如圆角、阴影...
标题中的“让IE6、7、8支持CSS3新特性插件”指的是针对早期版本的Internet Explorer(IE6、IE7、IE8)的一种解决方案,这些浏览器不原生支持CSS3的新特性。CSS3是层叠样式表的第三个主要版本,引入了许多增强网页...
这样,`ie6-8.css` 文件中的CSS样式只会在IE6、7、8中加载,可以在其中编写针对这些版本的兼容性样式。 3. **使用库和框架**:像Modernizr这样的JavaScript库可以帮助检测浏览器对CSS3特性的支持,并提供polyfill...
在早期的Web开发中,IE6(Internet Explorer 6)作为一个流行但又充满挑战的浏览器,因其对现代CSS标准的支持不足而闻名。然而,开发者们总是寻找方法来扩展其功能,使其能够支持更多的CSS3属性。标题“ie6实现css3...
搜集整理的CSS HACK,也即是在多种浏览器(主要是ie6 ie7 ie8 ff)下样式统一的解决办法。 内容还是较全的,前台开发中常见的兼容性问题都可以找到解决方法,值得研究。 包括各浏览器CSS hack,技巧。有实例。
例如,`_property`前缀仅适用于IE6和7,而`*property`适用于IE6到IE8。例如: ``` div { width: 100px; /* 兼容所有浏览器 */ _width: 90px; /* 只对IE6和7生效 */ *width: 90px; /* 只对IE6到8生效 */ } ```...
CSS布局资料:IE5、IE6、IE7、IE8 的CSS HACK兼容列表
然而,不同版本的Internet Explorer(IE),特别是IE5、IE6、IE7和IE8,对CSS的支持程度各不相同,这给开发者带来了兼容性挑战。本篇文章将详细解析这些IE版本对CSS2.1和CSS3特性的支持情况。 首先,我们来看看At-...
标题中的“让IE6, 7和8支持CSS3”指的是如何在老旧的Internet Explorer(IE)浏览器上实现对CSS3特性的兼容性支持。在IE6、7和8这些较旧版本中,它们并不完全支持现代的CSS3规范,这使得开发者在设计网页时面临诸多...