Question

我有一个奇怪的问题，在png上方放置透明div会使png获取网站背景颜色并将其应用于整个透明区域，而不是显示图像下方的内容。

div和图像的颜色相同。

我期望它看起来如何：http://i.imgur.com/ccr8jkn.jpg

外观如何：http://i.imgur.com/fK1xZgI.jpg

我不确定也许它甚至无法启发我。

Markup看起来像这样。

<div id="wrapper">
  <div id="menubarwrap">
    <div id="menubar"></div>
  </div>
  <div id="logo">
    <img class="menu-logo" src="/img/etc..">
  </div>
</div>

CSS：

#wrapper {
  position: relative;
}
#wrapper #menubarwrap #menubar {
  margin: 110px 0 0 0;
  height: 50px;
  width: 100%;
  background: #122137;
}
#wrapper #logo .menu-logo {
  position: absolute;
  margin: 0 auto;
  display: block;
  top: -75px;
  right: calc(50% - 100px);
}

Answer 1

重置背景，它可能会有效。你能试试这个CSS：

val1

DIV之上的Transpent PNG给出了奇怪的结果

1 个答案: