使用SVG背景图片的DIV

Question

我有一个内部嵌套的div。第二个div的背景是.svg格式的图片，而且是透明的，所以我可以看到第一个div背景上的文字。我不想这样，但我不确定需要更改什么来消除透明度。请帮忙。谢谢。

- Mediha

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>

- Waqar Alamgir

---

谢谢您。我在第二个div的段落中添加了一些文本，文本是黑色的，但它有白色阴影，这是否与背景有关？ - Mediha

我发现它的文本阴影（text-shadow）设置为none，但默认情况下并非如此。感谢您的帮助。 - Mediha