固定在屏幕恒定位置的div层

最新推荐文章于 2024-09-17 12:21:00 发布

艾蔓草

最新推荐文章于 2024-09-17 12:21:00 发布

阅读量1.5k

点赞数

分类专栏：编程技巧文章标签：编程 CSS

编程技巧专栏收录该内容

2 篇文章 0 订阅

订阅专栏

在wp中文论坛看到一个仿vista风格的模板，在下面恒定固定了一个div层。我一直想要这个效果但一直没找到方法，这次赶快琢磨一下。原来其主体是position:fixed;，但这个并不适合ie6，于是去找解决法子。尝试几次后发现，只要在css里加多一段就可以轻松解决。整个css如下（示例为屏幕右下角）：

right:0;
bottom:0;
z-index:1;
position: fixed;
_position: absolute; _bottom: auto; _top: expression( eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (documentElement.clientHeight - this.clientHeight) - 1 : document.body.scrollTop + (document.body.clientHeight - this.clientHeight) - 1);

只是不知道这样放广告会不会让广告商有意见。嘿嘿，有了这个东西，有空就可以解决对联等浮动问题了。比js更简单，毕竟少了些文件嘛。

PS：把*改为了_以避免ie7识别。

原文地址：固定在屏幕恒定位置的div层