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

建站知识 2021-07-03 08:43www.168986.cn长沙网站建设

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://.w3./TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://.w3./1999/xhtml"><head><title>狼蚁SEO</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;    _: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-: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">狼蚁SEO，欢迎大家。</div></div>    </form></body></html>

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

上一篇：ie8 body overflow hidden 无效的解决方法下一篇：css hack 兼容IE5.0、IE5.5、IE6.0、IE7.0、FF1.5、FF2.0 浏

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

狼蚁网络搜索

狼蚁网络导航

长沙seo优化

长沙网络营销

长沙网站建设

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

长沙网站设计

狼蚁网络搜索

狼蚁网络导航

长沙seo优化

长沙网络营销

长沙网站建设