css - 在多个背景中隐藏其中一个背景图像

Question

我有这样的事情：

background: url("photo.png") no-repeat scroll center 23px/ 42px 48px,
    url("DeleteAtt.png") no-repeat scroll 81px 3px / 20px 20px #656565;

在某些情况下我需要隐藏第二个背景，我该怎么做？

Answer 1

我冒昧地猜测您可以通过更改第二张图像的背景位置来做到这一点。

background-position: center 23px, 9999px 3px;

类似的东西。

Answer 2

您可以将背景属性重新定义为：

background: url("photo.png") no-repeat scroll center 23px/ 42px 48px #656565;

或者创建一个新类并在您的元素上添加或删除此类。

Answer 3

将要隐藏的图像的背景大小设置为 0。

例如background-size: 0, auto;