浏览博客时,看到一篇标题为“试试你的浏览器有多2”,试了试。觉得还真不错~我分别在自己电脑上试了几个我比较喜欢的浏览器~没想到,效果可真是如他们那里内容所说的一样啊!
看来这css标准还真是个通病呢。我自己分别使用经常用的Chrome(7.0),Firefox3.6
,
IE8试了下,果真如此啊!
测试官方地址:http://knb.im/css3/
说明:本页面用于测试各个浏览器对CSS3的解释效果,左边的“图像”并非图片,而是纯CSS。目前各个浏览器对CSS3的支持效果不一样,其中IE系的浏览器支持效果最差。 副作用:你可以对照左右的“图片”来判断你使用的是什么浏览器。 —
- 效果最好的是Webkit系浏览器,效果最好是在Chrome,看到的效果如下截图,而且眼睛还能动,
-
![safari](https://i-blog.csdnimg.cn/blog_migrate/97e126fc660cec8925de420aafb40459.png)
- 效果在其次的是Firefox (3.6),效果和Safari的一样,但眼睛不能动。
![safari](https://i-blog.csdnimg.cn/blog_migrate/97e126fc660cec8925de420aafb40459.png)
- 在Opera (10.53) 里,图像没有了渐进层:
![Opera10.53](https://i-blog.csdnimg.cn/blog_migrate/c9c41b4ceea78db87b16dd4773abfea1.png)
- 在iPhone OS 3.1的Safari里:
![Mobile Safari](https://i-blog.csdnimg.cn/blog_migrate/691b358013c72decddb31ea4e9cb7f45.png)
- 在IE9测试版里:
![IE9](https://i-blog.csdnimg.cn/blog_migrate/abf1a64e8ddf40e9d9fd1997024704e2.png)
- 在IE8里:
![IE8](https://i-blog.csdnimg.cn/blog_migrate/2ae7fe1a627588001d83d518289c2998.png)
- 在IE7里:
![IE7](https://i-blog.csdnimg.cn/blog_migrate/1c3da89fe67c6c3da0b44b30b9517c07.png)
- 在IE6里:
![IE6](https://i-blog.csdnimg.cn/blog_migrate/28cf99a20ce92e304e2cdc67b9f57567.png)
|