灵感来源 – cgcraft.com
Chrom 7.0 Dev 截图
介绍一下:
- 零图片设计,除了 Logo 之外
- 右上角有 双语导航栏
- 中间的数字 404 向左斜 -5° 可以在所有游览器看到效果
演示:新 404 页
吐槽一下:IE 能再垃圾点吗?
个人技术有限,还是会出错。所以呢,如果你找到的就跟我说声,我会尽所能修复bug。
同时,亦当然不希望你不会常常看到这(404)页。
Update 3:
IE 9 看到 404字有个很大的黑色背景,不知道为什么。再次吐槽 IE!
IE9 看到的黑色背景:fixed
Update 2:
FireFox 不能运行原版的跳转代码在。
改用新的 JavaScript 跳转代码:http://heisetoufa.javaeye.com/blog/355114
Update 1:
增加、修改:
- 改用 HTML5 的模板,尽量简化代码
- 网站的 Logo 地址改动
- 导航栏用上 border-radius
- 右下角的文字改为中文
自动跳转的 js 代码
删除:
- 「404」字旋转的 css 代码
问题:
- text-shadow 还没到主流,只能在 Chrome 看到“发光”效果
- 新手问题 – 有过量用 DIV 标签的病态,统称:divitis
HTML5 – 参考:
1、Google – Let’s make the web faster:http://code.google.com/speed/articles/html5-performance.html
PS:有空,再说说为什么要加进:自动跳转的 js 代码,也叫做:“自动完成模式”。有兴趣的朋友可以去 CDC腾讯博客看看或者 Google 一下。