底部固定附加层的显示

piperzero

浏览: 3534614 次
性别:
来自: 杭州

最近访客更多访客>>

handsome1234

u012363178

zhangketuan

wangyy

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (3796)

社区版块

存档分类

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<!-- <link href="common.css" rel="stylesheet" type="text/css" /> -->
</head>
<body>
<style type="text/css">
body {color:#000;font-size:12px;text-align:center;font-family: Helvetica, Arial, Verdana, sans-serif;background:#FFF;height:1000px;}
.foot_wrap{ height:44px; overflow:hidden; text-align:center;-moz-opacity:0.6;opacity:0.6; filter:alpha(opacity=60);background:url(/uploads/allimg/100814/1_100814233750_1.gif) repeat-x bottom;}
.foot_wrap * { position:relative;}
.foot_cont{ float:left;width:860px; height:34px; margin:4px 0 0 0; padding:0 20px; overflow:hidden; text-align:left; }
.foot_line{ float:left; width:2px; height:34px; margin:0 19px; overflow:hidden; background:url(/uploads/allimg/100814/1_100814233750_2.gif) no-repeat}
.foot_left{ float:left; width:200px; height:34px; margin:7px 0; overflow:hidden; line-height:21px;text-align:center;}
.foot_middle{ float:left; width:320px; height:20px; margin:7px 0; overflow:hidden; line-height:21px;text-align:center;}
.foot_right{ float:right; width:200px; height:34px; margin:7px 0; overflow:hidden;line-height:21px;text-align:center;}
</style>
<br/>底部固定附加层的显示<br/>底部固定附加层的显示<br/>

<div style="width:100%;float:left;z-index:1000;overflow:visible;position:fixed; left:0px;bottom:0px;_position: absolute;
_top: expression(documentElement . scrollTop +   documentElement .clientHeight-this . offsetHeight);">
<div class="foot_wrap">
<div class="foot_cont">
<div class="foot_right">
右边文字或图片
</div>
<div class="foot_left">
左边文字或图片
</div>
<div class="foot_line"></div>
<div class="foot_middle">
中间文字或图片
</div>
<div class="foot_line"></div>
</div>
</div>
</div>
</body>
</html>

分享到：