html浮动广告框怎么做? 5
我的代码是如下:<body><divstyle="width:1000px;height:1000px;">//页面主体部分.......<div/><divstyle=...
我的代码是如下:
<body>
<div style="width:1000px;height:1000px;"> //页面主体部分
.......
<div/>
<div style="position:absolute;width:1000px;height:1000px;..."> //广告框部分的层
<img src="...“ />
</div>
<script> //效果脚本,已验证可运行
...
</script>
</body>
此代码可以实现广告框的左右上下浮动效果,而且在IE9中运行无误,但是在其他浏览器中,比如Chorme中会出现广告层的div将页面主体”遮挡“,即无法点击主体层中链接。 展开
<body>
<div style="width:1000px;height:1000px;"> //页面主体部分
.......
<div/>
<div style="position:absolute;width:1000px;height:1000px;..."> //广告框部分的层
<img src="...“ />
</div>
<script> //效果脚本,已验证可运行
...
</script>
</body>
此代码可以实现广告框的左右上下浮动效果,而且在IE9中运行无误,但是在其他浏览器中,比如Chorme中会出现广告层的div将页面主体”遮挡“,即无法点击主体层中链接。 展开
1个回答
展开全部
$(window).scroll(function () {
$('#guangao').css('top', $(document).scrollTop() + window.innerHeight / 2 - document.getElementById("guangao").clientHeight / 2);
});
以上是浮云居中的例子,作为参考。
$('#guangao').css('top', $(document).scrollTop() + window.innerHeight / 2 - document.getElementById("guangao").clientHeight / 2);
});
以上是浮云居中的例子,作为参考。
追问
脚本可以执行,我的意思是广告层会”遮挡“住主页面,虽然主页面可以看见,但主页面上的功能却不能实现了,如链接的点击(上述问题只在chorme中出现,IE中无误)。
追答
这个有难度啊,既要能看见,还要能不被点击,提主能把这样的方法发给我参考下吗,我也想知道是怎么回事。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询