@亲爱的,如果觉得微马网还不错,电脑Ctrl+D放进你的收藏夹or微信右上角收藏或分享吧~
【版权与免责声明】微马网永久域名:www.winvv.cn 如发现内容存在版权问题,烦请提供相关信息发邮件至2014509940@qq.com,我们将及时沟通与处理。本站内容除非来源注明微马网,否则均为转载,涉及言论、版权与本站无关。

始终漂浮在网页底部完美兼容PC移动端

微马 5个月前 149 ℃ 导读

文章底部有案例。自己看效果。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=&quo...

文章底部有案例。自己看效果。

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

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<style type="text/css">

body{ margin:0px; padding:0px; background:url(notfound) fixed;}

.nextpage {

 background:#000;

 color:#fff;

    bottom: 0;

    margin: 0 auto;

    position: fixed;

 height:23px;

 opacity: .60;

 filter: alpha(opacity=60);

 line-height:23px;

    width: 100%;

    z-index: 999;

    _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)));

}

</style>

</head>

<body>

<div style="height:3000px;"></div>

<div class="nextpage">我在ie6下也不会动!神奇吧!</div>

</body>

</html>

无标题文档
欢迎关注我的微信公众号:semsay
收藏文章

点击收藏始终漂浮在网页底部完美兼容PC移动端 | http://www.winvv.cn/post/181.html

微马网 www.winvv.cn

武汉 - 媒体 - 美女 - 八卦 - 推广 - 段子 - 美食
微信打赏二维码微信打赏
支付宝打赏二维码支付宝打赏
扫一扫分享/收藏

合作微信:baidusa,欢迎交流!

强大的在线文件编辑器 - KOD文件管理
服务器IIS重启的3种方式

相关推荐

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

营销之道,微马知道!
养眼图片,轻松一下。
微马美女福利

豫ICP备14010127号-1