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

我的复选框包含背景图像，当它被点击时，我想要一个正面的标志出现在它上面。将背景图像添加到现有的背景图像

我想添加第二个带有透明背景的GIF图像，使其高于原始图像。当点击一个正号后台图像应该出现，并再次点击它应该消失。

一般情况下，2背景图像可通过逗号分隔：

background: url(image1.png) , url(image2.png);

是否有可能使用CSS来只添加一个现有的一个？

我希望我清楚地解释自己。感谢

2012-10-04 elkana

你可以使用一个CSS精灵，检查时改变同时带有图标的图像的背景位置。通常，浏览器不支持复选框中的图像。相反，您可能必须在包装元素上执行此操作。

2012-10-04 21:03:01

如果它包含确切的解决方案，我们可以称它为一个很好的答案。否则可能是评论。 – Dev

我有100个复选框，洞的想法是所有人都只有一个积极的迹象。在这种情况下，CSS sprite不会帮助我。 – elkana

嗯不完全知道你是如何做到这一点。如果你想办法的目标在CSS复选框上输入那么你可以使用

input[type=checkbox] { 

} 
input[type=checkbox]:checked { 

}

如果你真的可以用背景图像上的复选框，然后你可以UST第一个只包含一个图像，然后：检查一个将有两个图像。通过这种方式，当您选中复选框时，它将应用：复选框中的内容，并在其他图像的顶部添加加号。

2012-10-05 00:23:35

多数民众赞成我已经知道，我的问题是，如果我可以添加在“输入[类型=复选框]：选中{”部分的东西，只有添加到第一张图片，这样我可以立即改变所有积极签署IMG如果我想。 – elkana

回答