删除某些背景图片 - CSS

Question

我在名为body

的标签中声明了两个背景图像

#body
{
    background: url("image1.jpeg"), url("image2.png");
    background-repeat: no-repeat, no-repeat;
}

但是，在某个页面上，我想删除“image1”，但保留“image2”

这样做......

#container #PageName #body
{
   background-image:none;
}

当然会删除两者。我只能在CSS中做些什么吗？

由于

**编辑**

感谢所有发布回答的人。重新做逻辑很好。感谢

Answer 1

为什么不这样做：

#container #PageName #body{
   background-image:url("image2.png"); /* alternatively background:url("image2.png");*/
}

Answer 2

使用CSS无法简单地删除现有的图像层，并因为级联而离开其他图层。您需要指定＆＃34; image2＆＃34;再一次，单凭：

#container #PageName #body
{
    background-image: url("image2.png");
}

如果每个图层的background-repeat值不同，您还需要重新声明background-repeat，以使其与图片匹配。

Answer 3

 #container #PageName #body
 {     
   background: url("image2.png");
 }

它会帮助你。它删除了image1。

Answer 4

你可以重新制作它：

 #container #PageName #body
{
   background-image:none;
   background: url("image2.png");
}