这两天一直在整这个独立的博客,确实挺麻烦的,每天都得花时间去修正问题,花时间测试兼容性问题。前几天确实博客背景比较简单,后来试了试背景图,感觉挺好的,但是在 Firefox 中背景一直无法固定,会随着滚动轴滚动,而且要照顾到各个分辨率的用户,背景图片最好做成长 1920px 以上的图片,而且高度也必须大于 1000px,这样的图片即使用 20 的质量存成 JPG 也得要占用 40-50KB 左右的空间,算下来加上网页内容和其他一些零散的图片和图标们,还有 jQuery 这个不小的家伙,估计完全加载首页就要花掉 200KB 以上。而且由于 Firefox 中背景总是无法固定的操蛋原因,我决定先用固定色填充做背景吧。

后来突然想到,可以用小图片横向竖向循环填充做背景,于是想起某人在豆瓣上推荐的一个无缝平铺图片的相册,从其中找了一些图片做背景,再在 PS 中将白色图层覆在背景上,调整一下透明度,成了一种半透明的效果,感觉真的不错,本来打算就这样用下去了,结果问题又出来了(也许是我以前没有注意到),在IE中点击链接会造成严重的闪屏,不是轻微的闪一下,而是整个屏幕一黑那种,严重影响了浏览体验,于是这再度让我很纠结,没办法,我又再度回到最原始的主题配色。今天浏览我的主题的制作者的主题 Demo 页时,突然发现这种利用 jQuery 的淡出效果貌似能有点效果的解决闪屏的问题,而且还兼具有装逼的效果,果断按着教程,在 header.php 里面加上 JavaScript,然后在按着自己的想法修改了一下,试了试,感觉闪屏现象确实轻微了许多,暂且就这样安定下来吧。可是还有 Firefox 背景无法固定的情况存在,这又让我再度很纠结,利用"firefox 背景无法固定"、"background attachment fixed not work in firefox"等各种关键字寻求谷哥和度娘的帮助,均无功而返。后来抱着试试的态度,下了一个 Firefox4.0 beta 11 的便携版。然后去 W3Cschool 在线测试代码老版均不正常,我觉得那里的代码应该都是符合 W3C 的标准,想来想去问题也只有出在 Firefox 本身了。解决了一个大问题,心中顿时轻松许多。

总之这个博客的样子,功能暂时就先确定下来了,虽然仍有许多不足的问题存在,不过好歹也可以自豪的说由 alpha 迈入了 beta 阶段。

For the best browsing experience, use webkit-based browser such as chrome and safari.

  1. 现在这稳定性刚刚的……

  2. 现在这稳定性刚刚的