固定层在浏览器底部

最新推荐文章于 2020-12-24 03:44:20 发布

超越梦想

最新推荐文章于 2020-12-24 03:44:20 发布

阅读量676

点赞数

分类专栏： HTML

HTML 专栏收录该内容

3 篇文章

订阅专栏

<!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:90px;
	opacity:0.8;
	filter: alpha(opacity=80);
	line-height:90px;
	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>
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
  ie6下也不会动噢<br />
</div>
<div class="nextpage">ie6ie6下也不会动噢</div>
</body>
</html>