当多啦A梦遇到 IE 浏览器

DIV+CSS 学的越是深入,就会越爱 CSS3,同时就会越憎恨 IE,尤其是 IE6,不知道其他做前端的朋友们有没有这样的同感。虽然我谈不上啥专业的前端设计师,但是从我修改 WordPress 主题以来的这些体验,让我感觉 IE 相当难伺候,不是这个 bug 就是那个 bug,可以说做主题的一半时间是浪费在对 IE 的兼容上了,费时又费力。

前段时间看到 twitter 上有人发了张讽刺 IE 的图片,很搞笑,这是一张以多啦A梦为测试的纯 CSS3 图,在各大浏览器下显示如下图:

很可爱吧,也很形象,充分展示了 CSS3 在 IE 下有多杯具。我本来以为这只是一个笑话而已,没想到还真有牛人把这个多啦A梦用 CSS3 表现出来了,神啊。点击进入测试页。大家可以用不同的浏览器打开这个页面试试,神奇的一幕会展现在你的面前,IE 下的多啦A梦是方头方眼方手方脚,就像被压扁了一样。

这就是 CSS3 的魅力,我还找到另外一个神人对 CSS3 的完美诠释,是我之前都无法想象的。点击进入测试页

同样,要很好地欣赏到如图的效果,还是需要用非 IE 核心的浏览器才行,感叹一下吧,CSS3 居然能运用到如此出神入化的程度,真牛的不只一B了。

以上两个 DEMO 分别学习自:《好可爱的多啦A梦CSS3测试》《震精了!CSS竟然可以这样》