CSS无法在子元素中将background-image设置为none

Question

我在父元素中将background-image属性设置为：

Full screenshot

工作正常。

在父元素内部，id设置为“content”我有一个子元素 用id“评论”。

Full screenshot

无论我尝试过什么都不会产生任何影响。我试图将其设置为none，甚至更改为另一个图像。什么都没有帮助。我想删除子元素的背景图像或更改它。

请帮忙，这次我找不到愚蠢的事情（

Answer 1

如果我理解正确，如果你想让子元素没有背景，你可以添加

#comment{
background: rgba(255, 255, 255, 0);
}

并尝试删除可能覆盖的此元素的任何其他背景属性

如果您需要为子元素使用不同的背景，请添加以下内容

#comment{
background:url(../path/to/image);
background-position:center;
background-size:cover
}

如果您想保持图像宽高比，请将cover更改为contain，但这可能无法填充整个#comments div以便尊重比率

如果您需要添加图案背景，请使用background-repeat:repeat并移除cover和center

Answer 2

我不认为用你当前的HTML结构方式做你想做的事情。 #comments div是#content div的子元素，具有背景集。即使你给#comments没有背景，它仍然会显示父元素的背景。也许你可以让#comments白色的背景叠加在#content div的顶部？或者从父元素中删除#comments。

示例CSS：

#comments {
  background: #FFFFFF;
}

Answer 3

将comments框移出content元素，因此content's background不会涵盖comments，或者将评论元素设为自己的background（{1}}颜色或图像）。

从截图中看，一切都很好。从技术上讲，默认情况下所有DOM元素都是透明的，它没有背景，它是透明的。所以你的评论是透明的，没有背景。因此，通过将其设置为none，您不会进行任何操作，因为其background为无。