页面元素固定在页面底部的纯css代码（兼容IE6）

<!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层固定</title>

<style type="text/css">

<!--

.box {

background-color: #09C;

height: 60px;

 100%;

position: fixed;

bottom: 0px;

left: auto;

right: auto;

line-height: 60px;

text-align: center;

_POSITION: absolute;/*兼容IE6*/

 _TOP: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight);/*兼容IE6*/

}

.box a{color: #FFF;}

*html{
background-image:url(about:blank);
background-attachment:fixed;
}
-->

</style>

</head>

<body>

<div style="height:2000px;">这个例子是实现层固定在浏览器窗口的最下面，兼容IE6.<br />

<br />

往下看，看页面的最下面</div>

<div class="box"><a href="#" target="_blank">我固定在页面底部，拖动浏览器的滚动条试试 = =>></a></div>

</body>

</html>

页面元素固定在页面底部的纯css代码（兼容IE6）

相关推荐