html - 背景图片未显示在 div 下方

标签 html css

此页面上的横幅(正在进行中)具有以下结构

<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/

相关文章:

javascript - 保存动态创建的按钮

html - CSS响应式定位内联元素的方式

html - 固定标题和向下滑动内容

javascript - 如何使用 raphael.js 为每个 Angular 绘制带控制点的多边形

javascript - 如何按类获取元素并提供CSS效果?

html - 菜鸟 div 标签问题 - 自动调整大小和定位

javascript - 如何将鼠标悬停在 SVG 元素上并更改多边形元素?

javascript - 在一个 div Jquery/Javascript 中显示多个输入值,每个值在一个新行中

html - 垂直居中和拉伸(stretch)图像,水平居中

html - 有针对性的横向溢出