1

このトピックについていくつか検索を行いましたが、探しているものとまったく同じ答えが見つからないようです。
サイトにバナー広告 (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 の下に表示されます。広告と div がクリップしないようにするにはどうすればよいですか?

4

1 に答える 1

2

親relativeを配置してから子を配置しabsoluteます....

#Container {
    position: relative;
}

.Children {
    position: absolute;
    top: 0px
    left: 0px
}

絶対値は親に対して「相対」であるため、子は親から横に 0 ピクセル、下に 0 ピクセルになります。つまり、オーバーレイされます。

<div id="Container">
    <img class="Children" src="..."/>
    <img class="Children" src="..."/>
</div>
于 2013-08-31T22:42:58.403 に答える