Html 如何使子div没有来自父div的背景图像

我有两个部门：一个是父母，一个是孩子

父对象具有背景图像：

.parent{
  background-image: url('urltoimage/img.png');
  z-index: 1;
 }
.child{
  z-index: 2;
 }

但父背景图像仍覆盖其子图像的背景。我希望那个孩子没有背景图像

---

我也尝试了

z-index

，但没有成功

可能是您在编写代码的HTML部分时出错了，但是CSS看起来不错

HTML:

<div class="parent">
   <div class="child">
   </div>
</div>

你就是这样做的吗？另外，别忘了在css中添加高度和宽度

---

示例：

您没有子对象的图像，也没有为子对象指定任何背景色。 通过继承属性，子属性继承父属性并覆盖其指定的父属性值

您的代码可以是这样的：

.parent{
  background-image: url('urltoimage/img.png');
  z-index: 1;
 }
.child{
   background-image: url('urltoimage/CHILD_IMAGE.png');
   // or you could specify background color
   z-index: 2;
 }

---

如果您的子div没有背景设置，它的父div背景自然会显示出来。如果您试图创建从父div中剪切出子div区域的效果，则可能需要使用不同的方法。一个例子可能是将孩子的背景设置为与“父母”父母的背景相同。否则，其他人在这篇文章中提到的关于设置孩子div的维度和/或背景的内容将是你唯一的求助

---

这里有一个想法，你能用一个.png图像文件作为父对象的背景图像吗？这个背景图像有一个透明的区域，子div将被放置在这个区域？

为什么你会发布一些你认为是“有史以来最愚蠢的帖子”？在2000+的时候，你一定知道我们关心这里发布的内容的质量。你能发布你的HTML标记和更多的CSS吗？如果子对象嵌套在父对象中，我想不出为什么不显示其背景。。。除非您的子背景有透明胶片或div已折叠。请记住，如果子div为空，请设置高度。事实上，您可以在chrome develop tool中调试它，鼠标右键（在父div中）->检查元素->调整右侧的元素高度：）谢谢，但我希望子div没有背景图像，我该怎么做？你说的“孩子的背景”是什么意思“但父背景图像仍覆盖其子对象的背景。”。你说的是背景色吗？不，正如你在我的代码中看到的，我说的是背景图像离开。child empty没有意义，要么添加背景色，要么添加背景图像。当您将.child类留空时，您期望得到什么？你肚子里有什么？