Css 将背景图像添加到现有图像

Css 将背景图像添加到现有图像,css,background,image,Css,Background,Image,我的复选框包含一个背景图像,单击它时,我希望在其上方显示一个正号 我考虑在原始图像的上方添加第二个透明背景的GIF图像。 单击时,正面标志背景图像应出现,再次单击时,背景图像应消失 一般情况下,可以通过逗号分隔2个背景图像: background: url(image1.png) , url(image2.png); 是否可以使用CSS只向现有的添加一个 我希望我能解释清楚。 谢谢 附加的简单示例:您可以使用CSS精灵,选中时使用两个图标更改图像的背景位置。通常,复选框中的图像在浏览器中不受很

我的复选框包含一个背景图像,单击它时,我希望在其上方显示一个正号

我考虑在原始图像的上方添加第二个透明背景的GIF图像。 单击时,正面标志背景图像应出现,再次单击时,背景图像应消失

一般情况下,可以通过逗号分隔2个背景图像:

background: url(image1.png) , url(image2.png);
是否可以使用CSS只向现有的添加一个

我希望我能解释清楚。 谢谢


附加的简单示例:

您可以使用CSS精灵,选中时使用两个图标更改图像的背景位置。通常,复选框中的图像在浏览器中不受很好的支持。您可能需要在包装元素上执行此操作。

嗯,不完全确定您是如何执行此操作的。如果您想要在CSS中以复选框输入为目标的方法,那么您可以使用

input[type=checkbox] {

}
input[type=checkbox]:checked {

}

如果您真的可以在复选框中使用背景图像,那么您可以将第一个复选框仅包含一个图像,然后:选中的复选框将包含两个图像。这样,当您选中一个复选框时,它将应用:中的内容,并将加号置于另一个图像的顶部。

如果它包含确切的解决方案,我们可以称之为一个好答案。否则可能是一个评论。我有100个复选框,洞的想法是只有一个积极的迹象,所有这些。CSS精灵在这种情况下帮不了我。这我已经知道了,我的问题是我是否可以在“input[type=checkbox]:checked{”选项中添加一些只添加到第一张图片中的内容,这样我就可以立即更改所有正号img,如果我愿意的话。