此页面上的横幅(正在进行中)具有以下结构
<div id="top">
<div class="sidebox">
<div class="boxhead">
<h2>Chalets des Bouleaux</h2>
</div>
<div class="boxbody">
<p>Tel. 819-444-4444</p>
<p>Notre-Dame de Pontmain, Québec, Canada</p>
</div>
</div>
</div>
带有 sidebox
类的 div 及其所有子元素构成了横幅中心显示的 Logo 。横幅后面显示的照片是 top
div 的背景图片。我希望 Logo 看起来好像漂浮在照片的顶部,即照片通过 Logo 的白色部分显示。显然目前还没有发生这种情况,但我不确定为什么,因为我已将构成 Logo 的所有元素的背景颜色设置为透明。
更新:
我链接到的页面已更改,因此我删除了链接以避免混淆。请忽略此问题并投票关闭它!
最佳答案
您的 GIF 动图背景是白色的!让它们透明!
关于html - 背景图片未显示在 div 下方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1370956/