天蚕在你身边
不方便打电话?让天蚕联络你
重庆网络公司在网站建设中为了达到某个效果往往会需要position fixed属性,但是在IE6中 position fixed 不支持,那么该如何解决呢?你可以通过下面的代码来实现:
<!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>position:fixed的用法</title>
<style type="text/css">
*html {
background-image:url(about:blank);
background-attachment:fixed;
}
.div {
height:1000px;
}
.fixed {
width:300px;
height:200px;
position:fixed;
background:#666;
bottom:0px;
left:0px;
}
#top {
width:300px;
position:fixed;
bottom:0;
right:0;
height:200px;
background:#000;
}
#top {
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document. documentElement.clientHeight-this. offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||10)- (parseInt(this.currentStyle.marginBottom, 10)||0)));
}
.fixed {
_position:absolute;
_bottom:auto;
_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 class="div"></div>
<div id="top">我在右下角</div>
<div class="fixed">我在左下角</div>
</body>
</html>
地址:重庆市渝中区上清寺鑫隆达B座28-8
邮编:400015
电话:023-63612462
EMAIL:cnjl_net@163.com