带有 svg 背景图像的 Div答案

【问题标题】：Div with svg background image带有 svg 背景图像的 Div
【发布时间】：2014-08-07 12:47:14
【问题描述】：

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

【问题讨论】：

【解决方案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>

【讨论】：

谢谢你。我在第二个div的段落中添加了一些文本，文本是黑色的，但它有白色阴影，它与背景有关，还是？
我找到了 text-shadow: none;我很困惑，默认情况下这没有设置为无。感谢您的帮助。