html - 带有 svg 背景图像的 Div

Question

我在一个 div 中有一个 div。第二个以 .svg 图像作为背景，它是透明的，所以我可以看到写在我的第一个 div 背景上的文本。我不希望它变成那样，而且我不确定我需要更改什么才能消除这种透明度。请帮忙。谢谢。

Answer 1

您可以在 div 2 上定义 background-color 属性:

background-color:#fff;

来源

.img {
  background-image: url('http://www.stupidedia.org/images/a/a3/Gangsta-balz-transparent.svg');
  width: 640px;
  height: 427px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: #fff;
}

h1 {
  white-space: nowrap;
}

<div>
  <h1>Some text Some text Some text Some text Some text</h1>
  <div class="img">
  </div>
</div>