Question

我已经对这个主题进行了一些搜索，但我似乎无法找到一个正是我正在寻找的答案。
我正在尝试在我的网站上设置一个横幅广告（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不剪辑？

Answer 1

定位父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>

如何将一个图像浮动到另一个图像上？

1 个答案: