Nicole McIntyre 发布于

文章来源： 100素材网更新时间： 2014-04-30 19:56:56

图层固定悬浮浮动代码 div固定代码 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=utf-8" />
<title>始终漂浮在网页底部完美兼容IE6 fixed的浮动层代码 </title>
<style type="text/css">
body{ margin:0px; padding:0px; background:url(notfound) fixed;}
.nextpage {
 background:#000;
 color:#fff;
    bottom: 0;
	text-align:center;
	font-size:12px;
    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"> www.100sucai.com </div>
</body>
</html>

在线演示

浏览次数次

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

上一篇文章：可拖动图层的网页制作代码素材

下一篇文章： js网页制作网页载入页面特效代码

首页

jquery特效

网页素材

网页特效

网站模板

图片素材

固定悬浮在网页底部兼容IE6 fixed的浮动层网页制作代码

推荐阅读：

相关代码：

标签分类