Nicole McIntyre 发布于

文章来源： 100素材网更新时间： 2014-04-22 21:45:26

css底部固定网页底部固定天猫背景固定代码固定代码css

<a style="display:none" href="http://www.100sucai.com">www.100sucai.com</a>
        <!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=gb2312" />
<title>无标题文档</title>
<style type="text/css">
body{ margin:0px; padding:0px; background:url(notfound) fixed;}
.bottom {
 background:#999;
 color:#f00;
 font-weight:bold;
    bottom: 0;
    margin: 0 auto;
    position: fixed;
 height:36px;
 line-height:36px;
 text-align:center;
 opacity: .90;
 filter: alpha(opacity=90);
    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="bottom">在IE6里也不会动哟</div>
</body>
</html>

在线演示

浏览次数次

react源码系统 vue源码系统 vue + typeScript源码系统

上一篇文章：鼠标hover左侧滑动弹出网页客服图层特效代码

下一篇文章： js特效弹出层提示网页代码

首页

jquery特效

网页素材

网页特效

网站模板

图片素材

固定在网页底部兼容IE6 火狐的css浮动层特网页效代码

推荐阅读：

相关代码：

标签分类