对联广告 的css

页面:

<div class="l1" id="l1" ><a href="${linkWeb_l1 }" target='_blank'><img src="<%=basePath%>${picAdd_l1 }" width="100" height="100" border="0" /></a></div>  <div class="l2" id="l2" ><a href="${linkWeb_l2 }" target='_blank'><img src="<%=basePath%>${picAdd_l2 }" width="100" height="100" border="0" /></a><a href="javascript:void(0);" onclick="guanbiduilianguanggao();" >关闭广告</a></div><div class="r1" id="r1" ><a href="${linkWeb_r1 }" target='_blank'><img src="<%=basePath%>${picAdd_r1 }" width="100" height="100" border="0" /></a></div>  <div class="r2" id="r2" ><a href="${linkWeb_r2 }" target='_blank'><img src="<%=basePath%>${picAdd_r2 }" width="100" height="100" border="0" /></a><a href="javascript:void(0);" onclick="guanbiduilianguanggao();" >关闭广告</a></div> 

css:

.r1{width:100px;height:100px;background:red;float:right;        position:fixed !important; top/**/:200px;        position:absolute; z-index:300; top:expression(offsetParent.scrollTop+200);right:20px;}.r2{width:100px;height:100px;background:red;float:right;        position:fixed !important; top/**/:320px;        position:absolute; z-index:400; top:expression(offsetParent.scrollTop+300);right:20px;}.l1{width:100px;height:100px;background:red;float:right;        position:fixed !important; top/**/:200px;        position:absolute; z-index:300; top:expression(offsetParent.scrollTop+200);left:20px;}.l2{width:100px;height:100px;background:red;float:right;        position:fixed !important; top/**/:320px;        position:absolute; z-index:400; top:expression(offsetParent.scrollTop+300);left:20px;}

js:

function guanbiduilianguanggao(){document.getElementById('l1').style.display = 'none';document.getElementById('l2').style.display = 'none';document.getElementById('r1').style.display = 'none';document.getElementById('r2').style.display = 'none';}

效果: