css3.0在各浏览器的差异-多拉A梦网页测试

这个比较有意思,用多拉A梦来测试css在各个浏览器里的不同.之前有用opera的logo来做测试的.但感觉这个比较直观一些.

很容易就能看出,我们为众人所追捧的ie浏览器是可是效果最差的.这还是ie8,换成ie6我估计要崩溃了整个.在chrome和FF里效果最好,有浮雕感.

效果最好的就是chrome了,浮雕效果是有的,就是css3.0里的投影,还有,多拉A梦的眼睛会动.其他浏览器就是FF次之了,在opera里元素的内部投影是没有的.只是个平面的感觉.

google浏览器chrome和FF两个浏览器的内核也差不多,本站在制作中也用了很多css3.0的参数.比如导航的倒影啊,hover圆角啊,还有很多,也尝了把鲜,以前图片能做到的,现在只需要几句代码就可以搞定,但是主流浏览器ie的动静也只是在前几天告诉我们ie9支持css3.0,然后说,ie9只能装在vista或者以上的系统里,就是否定了xp,这样本来ie6就为设计师所唾弃的,现在估计ie的整套版本都要被唾弃了..

设计师命很苦....

效果拿出来各位欣赏下.如果需要对比,请准备至少三个浏览器一,ie二,FF或者chrome三,opera.

网址:http://www.tyiao.com/article/css/css3.htm

上面的是用css3.0写的多拉A梦在不同浏览器里的表现

同样,opera的logo也曾经为某设计师用来测试

网址:http://www.tyiao.com/article/css/opera-css3.htm