CSS与浏览器兼容性小结.

针对近期ie8用户的增多,已经后期的项目现在又开始要兼容ie8了,整的我也开始去找些ie8的相关内容。

IE8中我们能看到很多的新特性,如layout引擎将“完全”支持CSS2.1和HTML 5,所以和之前IE浏览器所使用的Layout引擎并不相同,之前的IE浏览器并不完全符合互联网标准。这样就存在了新的问题,目前在IE7中工作正常的网页在IE8中会出现问题。

微软在IE8提供三种解析页面的模式:

       1. IE8 Standard Modes :默认的最标准的模式,严格按照W3C相关规定

   2.IE7 Standards Modes :IE7现在用的解析网页的模式,开起机关是在<head>中加入 <meta http-equiv="X-UA-Compatible" content="IE=7">

       3.Quirks Modes :IE5用的解析网页的模式,开起机关是删除HTML顶部的DOCTYPE声明

注意:不同模式间的网页在IE8中可以互相 frame ,因此因不会模式下的DOM和CSS渲染不一样,所以会引发很多问题,务必注意。

如果你的页面对IE7兼容没有问题,又不想大量修改现有代码,同时又能在IE8中正常使用,微软声称,开发商仅需要在目前兼容IE7的网站上添加一行代码即可解决问题,此代码如下:

XML/HTML Code复制内容到剪贴板01.<meta http-equiv="x-ua-compatible" content="ie=7" /> 
还有一种方法是在样式表中添加一些ie8中特定的语法:“\9”。
例如:

XML/HTML Code复制内容到剪贴板01..color{ 
02. background-color: #CC00FF;  /*所有浏览器都会显示为紫色*/ 
03. background-color: #FF0000\9; /*IE6、IE7、IE8会显示红色*/ 
04. *background-color: #0066FF;  /*IE6、IE7会变为蓝色*/   
05. _background-color: #009933;  /*IE6会变为绿色*/ 
06.} 
就是这样了,有遗漏的还望大家补充说明。

posted @ 2010-05-27 12:23  刘览器  阅读(117)  评论(0编辑  收藏  举报