您的位置:首页 > 其它

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

2013-03-11 13:10 246 查看
在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层
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: