Html 使用背景图像可以消除my元素中的文本

我有一个非常简单的背景模式，我想在我的网站上使用，每次我在一个元素中设置它，无论它是一个div还是仅仅将它定义为主体背景图像，它都会消除文本

设置背景色似乎效果很好，文本仍然显示。但一旦背景是图像，文本就会完全消失

---

有人知道吗？谢谢

下面是一个基本的例子，说明它应该是什么样子。工作正常，请将您的代码与此进行比较

HTML

---

你的问题太宽泛了。请提供更多详细信息。

这背后可能的原因（基于我的心理能力）：

• z-index

  在文本上呈现您的

  imgs

• 您可能对

  css

  中的

  背景图像

  属性进行了不正确的编码

下面是一种为背景定义图像的正确方法

在这里拉小提琴： HTML:

<div id="container">
    <p>Hello world!</p>
    <h2>Text Works</h2>
</div>

#container {
    background:url('http://www.hdwallpapers3g.com/wp-content/uploads/2014/01/Images-1.jpg');
    width:500px;
    height:300px;
}

---

显示代码。我们的心理能力是weakit的一个div元素，有一个背景图像选择器，其中包含一些文本。也许是这样，但我们永远不知道人们是如何试图编写代码的。据我们所知，您正在执行类似于

的操作，在这种情况下，我的背景无法正常显示。我会得到一堵白白的墙。如前所述，我的背景正在正确显示并消除其元素中包含的文本。我没有写标记，因为我认为写hi

是不必要的。它从来都不是不必要的。整个社会都有非常基本的期望。其中之一就是发布相关代码。我不是想争论，我只是告诉你我们的期望。没有代码可能是你被否决的原因。在您的情况下，您应该使用html和cssIf更新问题。如果您认为这有助于解决问题，请使用本文左上角的绿色复选框将其作为“接受答案”选择。

<div id="container">
    <p>Hello world!</p>
    <h2>Text Works</h2>
</div>

#container {
    background:url('http://www.hdwallpapers3g.com/wp-content/uploads/2014/01/Images-1.jpg');
    width:500px;
    height:300px;
}