我们在看一篇篇幅很长的文章的时候，当我们拖动滚动条，文字向上滚动，背景也跟着变动，新的区域不断出现让我们的视觉感觉到疲劳，有的时候看着看着还会把视觉跳到下面一段去了，为了防止这种情况发生，我们可以把下面的文字先隐藏掉，让读者只需要拖动滚动条就可以逐渐看到隐藏的文字，而背景是固定的，这样可视区域就只是那一个位置，不会一直变换，这样就可以减少些视觉疲劳了，这对于一个经常在网上泡的人很有帮助的。实现这个效果其实很简单，只需要一张图片就能轻松实现。

关键代码

<style>
	body {background:#333333 url(bg.jpg) repeat-x;background-attachment:fixed;color:#333333}
</style>

Read the rest of this entry »

ie6 ie7的background缩写问题。

就我碰到的一些公司，有些人会认为说，css代码能缩写的都用缩写。像background缩写至少可以省4行代码。一个项目里面用到background一般就是4的N倍代码了。这样再节省服务器请求占用资源上面确实有点帮助，但是对于普通公司的站点，访问量一般，其实效果基本上是看不到的。但是缩写确实是个好习惯。只是没必要给它画个圈，走极端。

回到我遇到的问题上面。我遇到的情况是这样的。一个 table 隔行颜色显示数据，鼠标经过每行时，高亮显示数据，td里面有些含有背景图片。在ie6 ie7会出现什么情况呢？ 当鼠标移到每一行的时候，有图片的 td 颜色会间断。

我用到的jquery库，如果你要调试的话，可以把下面代码全部复制过去。
Read the rest of this entry »