html css html底部固定_html 底部安全区适配代码

作者：盐析白兔 | 2024-04-18 22:40:45

踩

html 底部安全区适配代码


<style type="text/css">
html, body, div { margin:0; padding:0; border:0; font-size:100%; background:transparent; }
body { background:#f2f2f2; font:12px 宋体, Verdana, Tahoma, Lucida Grande, Arial, sans-serif; color:#000; }
#gg { position:fixed; bottom:0; background:#000; width:100%; height:23px; line-height:23px; z-index:9999; opacity:.60;
filter:alpha(opacity=60); _bottom:auto; _width:100%; _position:absolute;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-
(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
}
#gg a { color:#fff; font-size:13px; letter-spacing:2px; }
</style>
</head>
<body>
<div style="height:2000px;">页面</div>
<div id="gg">
      <div ><a target="_blank">底部固定</a> </div>
    </div>
</body>
</html>

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/盐析白兔/article/detail/448605?site=