2022年2022年各种浏览器兼容问题列表 .pdf

《2022年2022年各种浏览器兼容问题列表 .pdf》由会员分享，可在线阅读，更多相关《2022年2022年各种浏览器兼容问题列表 .pdf（4页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、各种浏览器兼容问题列表1、仅 IE7 与 IE5.0可以识别*+html select 当面临需要只针对IE7 与 IE5.0做样式的时候就可以采用这个HACK。2、仅 IE7 可以识别*+html select!important;当面临需要只针对IE7 做样式的时候就可以采用这个HACK。3、IE6 及 IE6 以下识别*html select 这个地方要特别注意很多博客都写成了是IE6 的 HACK 其实 IE5.x同样可以识别这个HACK。其它浏览器不识别。4、html/*/body select 这句与上一句的作用相同。5、仅 IE6 不识别，屏蔽IE6 select display

2、/*屏蔽 IE6*/:none;这里主要是通过CSS 注释分开一个属性与值，注释在冒号前。6、仅 IE6 与 IE5 不识别，屏蔽IE6 与 IE5 select/*/display/*IE6,IE5不识别*/:none;这里与上面一句不同的是在选择符与花括号之间多了一个CSS 注释。不屏蔽IE5.5 7、仅 IE5 不识别，屏蔽IE5 select/*IE5不识别*/这一句是在上一句中去掉了属性区的注释。只有IE5 不识别，IE5.5可以识别。8、盒模型解决方法selct width:IE5.x宽度;voice-family:”;voice-family:inherit;width:正确宽度

3、;盒模型的清除方法不是通过!important来处理的。这点要明确。9、只有 Opera识别media all and(min-width:0px)select 针对 Opera浏览器做单独的设定。以上都是写CSS 中的一些 HACK，这些都是用来解决局部的兼容性问题，如果希望把兼容性的内容也分离出来，不妨试一下下面的几种过滤器。这些过滤器有的是写在CSS 中通过过滤器导入特别的样式，也有的是写在HTML 中的通过条件来链接或是导入需要的补丁样名师资料总结-精品资料欢迎下载-名师精心整理-第 1 页，共 4 页 -式。1.区别 FF 和 IE 1-1 首先，当然是!important大法，可以

4、提升指定样式规则的应用优先权，如下面的例子：插入代码：div background-color:red!important;background-color:blue;因为!important声明在 IE6 中并不是绝对的，它会被之后的同名属性定义所替换。也就是说在上面的例子中，IE6 所应用的是最后一个背景色的值，即“blue”；而在 FF 中背景色的值为“red”。1-2 还有一种方法，就是IE 浏览器可以识别“”等一些符号，如“”、“”、“background-color:blue;在 FF 中得到的是背景色红色，而在IE 中得到的背景色是蓝色，根据样式重定义的规则，如果浏览器可以识别“

5、”，则应该得到的蓝色的背景，因此可以知道“”只有 IE 可以识别。这样，我们就可以把FF 和 IE 的样式分离开。下面就是解决IE 自己的问题了。2.区别 IE5.5和 IE 的其他版本看一个例子：名师资料总结-精品资料欢迎下载-名师精心整理-第 2 页，共 4 页 -插入代码：div background-color:black;background-color/*IE5.5*/:green;这个例子使用了“”，只有 IE 可以识别，在IE6 中得到了黑色的背景；而在IE5.5中得到的绿色的背景；在IE5 中也得到了黑色的背景。这就说明了第二句定义只有IE5.5能识别，这是个很早就公布的HA

6、CK，可以在网上找到相关的资料，要注意的就是在属性名之后是有一个空格的。到此我们已经把FF、IE5.5、IE6 分离出来了，那IE5 呢？其实现在我们只要把IE5 跟 IE6 分开就 OK 了。3.区别 IE5 与 IE5.5+插入代码：div background-color:red;div/*IE5.5+*/background-color:black;这里我们又用到一个HACK，就是“div/*/”，这个定义在IE5 以上的版本才能识别出来。这个例子得到的结果是，在IE5 中的背景色为红色；在IE5 以上版本中得到的是黑色背景。4.完整的 Hack 这样我们就可以为不同的浏览器定义不同的

7、样式了。来看个完整的例子：插入代码：div width:500px;height:50px;background-color:red!important;/*FF*/名师资料总结-精品资料欢迎下载-名师精心整理-第 3 页，共 4 页 -background-color:blue;/*IE5*/text-align:center;div/*IE5.5+*/*IE only*/background-color:black;/*IE6*/*IE only*/background-color/*IE5.5*/:green;需要注意的是，在上面例子中“background-color”定义的顺利不能改变，即 FF-IE5-IE6-IE5.5。对于 IE 的定义在属性前要加“”，因为“div/*/”这个 HACK 在 FF 中可以识别。名师资料总结-精品资料欢迎下载-名师精心整理-第 4 页，共 4 页 -