我已经在该主题上进行了一些搜索,但似乎找不到真正要寻找的答案。
我正在尝试在我的网站上设置横幅广告(728 x 90),以便它被“放置”在具有背景图像的div上。因此,如果某人有一个广告拦截器,他们会在广告应显示的位置看到显示“请禁用您的广告拦截器”的图像。
我当前的代码是这样的:
<div style="float: left; background-image: url(../forum/banners/replacement.png); height: 90px; width: 728px; border: 1px solid black;">
</div>
<!-- BEGIN SMOWTION TAG - 728x90 - DO NOT MODIFY -->
<script type="text/javascript">
<!-- ad code goes here -->
</script>
<!-- END SMOWTION TAG - 728x90 - DO NOT MODIFY -->
但是,这会使广告显示在div下,而不是在广告上显示“覆盖”。我该如何做才能使广告和div不会被裁剪?
放置父母relative
,然后放置孩子absolute
....
#Container {
position: relative;
}
.Children {
position: absolute;
top: 0px
left: 0px
}
绝对值是相对于父级的“相对”,因此子级的宽度为0px,父级的高度为0px-即覆盖
<div id="Container">
<img class="Children" src="..."/>
<img class="Children" src="..."/>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句