重慶網(wǎng)絡(luò)公司 解決ie6 position fixed 失效問題
重慶網(wǎng)絡(luò)公司在網(wǎng)站建設(shè)中為了達(dá)到某個效果往往會需要position fixed屬性，但是在IE6中 position fixed 不支持，那么該如何解決呢？你可以通過下面的代碼來實(shí)現(xiàn)：
<!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>
渝公網(wǎng)安備 50010302000872號