AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > css教程

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

51自学网 http://www.wanshiok.com
固定位置,弹出层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>

固定位置,弹出层  
上一篇:div完美自适应动态上下左右居中  下一篇:CSS多浏览器兼容性(IE和Firefox)技巧大全推荐