今天在做网站的时候需要实现一个随网页滚动的div的效果。搜了搜,多数是js效果,这不是浪费资源么。还有一个用top:expression()实现的,可惜在多个层时候就没效了,烂!

于是去美味书签找了找,还真看到了。

引自:http://www.jluvip.com/blog/article.asp?id=109

因为非IE的主流浏览器都支持position:fixed;所以只需要给IE设置一下fixed效果。

第一步让IE下#menu具有绝对定位
* html #menu {position:absolute;}/*only for ie*/结果看到有两个纵轴滚动条,外围是html的,内侧是body的。

第二步去掉外侧滚动条,因为外侧没有滚动效果
html {overflow-x:auto; overflow-y:hidden;}


还发现个更好的,把各种固定的header、footer之类都写好了代码的:
http://limpid.nl/lab/css/fixed/

css真是万能阿!IE7和FF2都完全支持CSS3吧!!

FiO @ 2006-09-08 22:17 | 评论 (0) | 模板 | 标签: css 网络 | 加入收藏