纯css实现的跟随网页浮动的层

2010-04-28 19:32:41 脚本之家

<!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>
<style type="text/css">
    #sticky_footer
{
    width: 100%;
    background-color: #222222;    
        opacity:.8;
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    position: fixed;
    _position:absolute;
    overflow: hidden;
    height:38px;
    bottom: 0;
    z-index: 99999;
    line-height:38px;
    float:left;
    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#wrapperfooter{width:960px;margin:0 auto;border-top:0px #333333 solid;padding:0;color:red}
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div style="height:900px; background-color:fff">
    
    </div>
    <div style="height:90px;">
    
    </div>
    <div id="sticky_footer">
<div id="wrapperfooter">
脚本之家，欢迎大家。
</div>
</div>
    </form>
</body>
</html>

提示：您可以先修改部分代码再运行