星空网 > 软件开发 > 网页设计

CSS jquery实现Div底部固定,不随滚动条移动

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html <HEAD>
<TITLE>CSS jquery实现Div底部固定</TITLE>
<META http-equiv=Content-Type content="text/html; charset=GBK">
<STYLE type=text/css>
*{margin: 0;padding: 0;font:14px "微软雅黑";}
.fixed{RIGHT: 15px;BACKGROUND: lightgreen;LEFT: 15px;BOTTOM: 0;LINE-HEIGHT: 30px;POSITION: fixed;HEIGHT: 30px}
#iefixed{MARGIN: -1px 15px 0px;OVERFLOW: hidden;ZOOM: 1;HEIGHT: 1px}
</STYLE>
<!--[if lt IE 7]>
<style type="text/css">
.fixed {
position: absolute;
bottom: auto;
clear: both;
width: expression(document.getElementById('iefixed').clientWidth);
left: expression(document.getElementById('iefixed').offsetLeft);
top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +


(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));}
</style>
<script type="text/javascript">
function _fixBackground() {
var body = document.body;
var BLANK_GIF;
if (body.currentStyle.backgroundAttachment != "fixed") {
if (body.currentStyle.backgroundImage == "none") {
body.runtimeStyle.backgroundImage = "url(" + BLANK_GIF + ")"; // dummy
body.runtimeStyle.backgroundAttachment = "fixed";
}
}
}
window.onload = function() {
_fixBackground();
}
</script>
<![endif]-->
</HEAD>
<BODY>
请看网页底部
<div>http://www.999jiujiu.com/</div>
<!--[if lt IE 7]><div id="iefixed"></div><![endif]-->
<div ></div>
<DIV >底部固定显示内容</DIV>
</BODY>
</HTML>




原标题:CSS jquery实现Div底部固定,不随滚动条移动

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流