当多啦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竟然可以这样》

  1. 呵呵,很明显的就是我用ie看你网站全是框框直角。用firefox边栏圆角很是漂亮,估计那个哆啦A梦也是这个原理。

  2. 哈哈,可怜的机器猫:)我们的下一步计划,还在等待对方的最终见面确认:)确认了之后咱们就能做了,先跟万兄说下:)最近2天出差了,没在北京!

  3. 用ie看真的是方的耶,太神奇了。不过在中国想要摆脱ie还是很不容易的,毕竟有太多网站只支持ie了,比如支付宝……

  4. 现在很少用IE6,虽然不搞设计,但也知道IE6兼容性很成问题。上面的文字链广告不错,不知道点击率怎么样?是我就换成阿里妈妈的。

  5. 告诉所有用户:不要用XP了,换成别的,掏点钱钱没什么事~老爷机?快点去升级,否则别上网了~
    老万,你有想法可以,不过建议最好还是……

  6. 这个确实蛮好玩的,还一直以为IE才是王道,因为是系统自带的嘛,用黑莓自带浏览器用出来的后遗症。我记得之前给中华网站备案属打电话,问那个验证码为啥一直看不到,他们很严肃滴告诉我,请用IE6尝试,OGM,中国PR为10的鼎鼎大站,竟然处于非IE不工作的杠杠上。

  7. chrome下多啦A梦的眼睛会动呢,opera、firefox下都不动。ie最帅了,眼睛直接称一条线了,胡子也长出来一大把。 :lol: