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

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

兼容IE6,IE8,FF弹出层固定位置显示,主要是通过css的控制

关键词:

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) 固定位置,弹出层

相关文章:

你感兴趣的文章:

标签云: