固定在屏幕恒定位置的div层
2013-03-11 13:10
246 查看
在wp中文论坛看到一个仿vista风格的模板,在下面恒定固定了一个div层。我一直想要这个效果但一直没找到方法,这次赶快琢磨一下。原来其主体是position:fixed;,但这个并不适合ie6,于是去找解决法子。尝试几次后发现,只要在css里加多一段就可以轻松解决。整个css如下(示例为屏幕右下角):
PS:把*改为了_以避免ie7识别。
原文地址:固定在屏幕恒定位置的div层
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层
相关文章推荐
- 让DIV一直固定在屏幕的某个位置示例代码
- Div固定在屏幕右边的指定位置
- 让DIV一直固定在屏幕的某个位置
- 使div或图标一直固定在屏幕的某个位置
- js实现div固定在屏幕的某一个位置
- 固定屏幕位置的css方法。
- 让DIV在弹出位置在屏幕中间
- js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法
- js实现div滚动条在页面刷新 滚动条位置固定
- 在屏幕的或者页面的最下侧放一个固定的层DIV
- 固定div位置,不随滚动条上下动
- JS实现div随屏幕滚动到一定高度后固定
- IE6中固定div位置
- js实现html页面滚动条向下拉到一定的程度时,某个div就固定在顶部,向上拉时返回原位置。
- 固定div位置,不随滚动条上下动
- 固定高度的div在屏幕中居中方法
- Jquery 弹出窗口插件开发-在屏幕固定位置停留[原创]
- 固定位置浮动 DIV 不抖动 IE6 IE7 CSS 写法
- Fixed固定位置的悬浮div层
- Header 与 Footer 的 DIV 高度固定, 中间内容 DIV高度自适应,内容不满一页时,默认填满屏幕。