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

ttx9n · 发表于 2010-4-28 19:32:41

在网上找到不少用js写的。这个用css写的，在别人网站上找到，把内容精简了

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

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

qq303604905 · 发表于 2022-9-2 16:37:10

啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦

3t0ukmu · 发表于 2022-9-23 21:23:19

儿童服务绯闻绯闻绯闻

wxrf98xr · 发表于 2023-10-31 23:39:34

来看看！！！

pwseqn1h · 发表于 2024-3-20 00:33:02

554411515451555

dm00ji1s · 发表于 2024-6-18 00:18:44

逛逛看看瞧瞧

dingzhi521 · 发表于 2024-6-21 07:18:43

看看看看看看看看看看看看看看看看看看看看看看看看看看看

回复用户5 · 发表于 2024-7-21 15:41:45

哈哈哈哈哈哈哈

Alisaliu · 发表于 2024-8-25 06:43:18

8888888888888888

5cf304mn2 · 发表于 2024-8-28 06:54:44

还有什么好东西没

账号		自动登录	找回密码
密码			立即注册

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

相关帖子