固定位置显示弹出层(兼容IE6,IE8,FF)

如果这世上真有奇迹,那只是努力的另一个名字。人生从来没有真正的绝境。无论遭受多少艰辛,无论经历多少苦难,只要一个人的心中还怀着一粒信念的种子,那么总有一天,他就能走出困境,让生命重新开花结果。
css样式:
复制代码
代码如下:

<style type="text/css">
body{_background-attachment:fixed; _background-image:url(nothing);}
#status-box{width:100px; height:100px; color:#FFF; background-color:black; position:fixed; _position:absolute; bottom:0;_top:expression(documentElement.scrollTop+document.documentElement.clientHeight-100); right:0;}
#cs{background-color:#ccc;width:200px;height:120px;position:absolute;left:100px;top:100px;}
</style>

body:
复制代码
代码如下:

<body>
<div id="cs">随页面走动</div>
<div style="height:900px;"></div>
<div id="status-box">静态层</div>
</body>

本文固定位置显示弹出层(兼容IE6,IE8,FF)到此结束。生活不会惯着你,想要不被抛弃,必须自己争气。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

CSS如何使用Flex和Grid布局如何实现3D骰子

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例