你对在CSS中如何兼容IE7和IE8的方法是否了解,这里和大家分享一下,随着IE8的越来越广泛的安装应用,对IE7和IE8的兼容问题,也颇受关注。
CSS兼容:如何兼容IE7和IE8
CSS兼容问题已经是CSS网页布局技术中的重要组成部分,也让广大的CSSer大为头疼,虽然kejiweb.com介绍过不少相关的知识与技巧,但是随着IE8的越来越广泛的安装应用,对IE7和IE8的兼容问题,也颇受关注。
在以前的文章中kejiweb.com向大家说明,IE8会是福音还是又一个光环据称全面兼容标准。今天向大家介绍如何解决IE7和IE8的兼容性问题。
微软在IE8提供三种解析页面的模式
◆IE8StandardModes:默认的最标准的模式,严格按照W3C相关规定
◆IE7StandardsModes:IE7现在用的解析网页的模式,开起机关是在<head>中加入<metahttp-equiv="X-UA-Compatible"content="IE=7">
◆QuirksModes:IE5用的解析网页的模式,开起机关是删除HTML顶部的DOCTYPE声明
注意:不同模式间的网页在IE8中可以互相frame,因此因不会模式下的DOM和CSS渲染不一样,所以会引发很多问题,务必注意如果你的页面对IE7兼容没有问题,又不想大量修改现有代码,同时又能在IE8中正常使用,微软声称,开发商仅需要在目前兼容IE7的网站上添加一行代码即可解决问题,此代码如下:
示例代码
- <metahttp-equivmetahttp-equiv="x-ua-compatible"content="ie=7"/>
IE8***csshack:
"\9" 例:"margin:0pxauto\9;".这里的"\9"可以区别所有IE和FireFox.
"*" IE6、IE7可以识别.IE8、FireFox不能.
"_" IE6可以识别"_",IE7、IE8、FireFox不能.
【编辑推荐】
- CSS样式表:详解IE7新支持的选择器
- 探究IE8与IE7具体功能中窗口功能按钮的变化
- IE6 IE7 IE8三个版本的CSS兼容速查手册
- IE6下使用CSS定义DIV高度行之有效的办法
- 技术前沿 一段JS代码轻松解决IE6-IE8的兼容性问题