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.}
就是这样了,有遗漏的还望大家补充说明。