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

2023-03-09 17:59:40 网络

荣誉就像河流：轻浮的和空虚的荣誉浮在河面上，沉重的和厚实的荣誉沉在河底里。学会忽略，是通向内在平静的一条大路。早上好！

<!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>

到此这篇关于纯css如何实现的跟随网页浮动的层就介绍到这了。一个人生活中的失意乃至失败，在很大程度上来说，是心理的而不是现实的，是技术性的而不是宿命的。现实至多为失败者提供了解脱的借口，而对宿命的信仰最终无情地扑灭了成功的任何希望。更多相关纯css如何实现的跟随网页浮动的层内容请查看相关栏目，小编编辑不易，再次感谢大家的支持！

全站频道

大家都在搜索：

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