对联广告/固定对联广告
对联广告
<!doctype html>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=7">
<title>对联广告</title>
<link rel="stylesheet" href="css/reset.css">
<style>
.test{height:2000px}
.p-l,.p-r{position:absolute;top:150px;width:164px}
.p-l{left:10px}
.p-r{right:10px}
</style>
<base target="_blank">
<div class="test">
<div class="p-l">
<img src="img/tum1.jpg" alt="">
</div>
<div class="p-r">
<img src="img/tum1.jpg" alt="">
</div>
</div>
固定对联广告
<!doctype html>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=7">
<title>固定对联广告</title>
<link rel="stylesheet" href="css/reset.css">
<style>
html{ /*这个可以让IE6下滚动时无抖动*/background: url(about:black) no-repeat fixed}
.test{height:2000px}
.p-l,.p-r{position:fixed;_position:absolute;top:150px;width:164px;_top:expression(eval(document.compatMode&&document.compatMode=='CSS1Compat')?documentElement.scrollTop+150:document.body.scrollTop+150);}
.p-l{left:10px}
.p-r{right:10px}
</style>
<base target="_blank">
<div class="test">
<div class="p-l">
<img src="img/tum1.jpg" alt="">
</div>
<div class="p-r">
<img src="img/tum1.jpg" alt="">
</div>
</div>
非固定对联广告用position:absolute;固定对联广告用position:fixed;但是fixed IE6浏览器不支持，解决方案{position:fixed;_position:absolute;top:*px;width:*px;_top:expression(eval(document.compatMode&&document.compatMode=='CSS1Compat')?documentElement.scrollTop+150:document.body.scrollTop+150);}注scrollTop+像素无单位
固定对联广告在IE6里里面会出现抖动，解决方案html{background: url(about:black) no-repeat fixed}
