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

时间:2012-10-04 20:59:27

标签: css background image

我的复选框包含背景图片,点击它时我想在其上方显示一个正号。

我考虑添加第二个带有透明背景的GIF图像,使其高于原始图像。 单击时,应显示正号背景图像,再次单击时,它应消失。

通常,逗号分隔可以实现2个背景图像:

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

是否可以使用CSS仅向现有的一个添加一个?

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

附上简单示例:http://picturepush.com/public/10656582

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

嗯,不完全确定你是怎么做的。如果您想要一种在CSS中定位复选框输入的方法,那么您将使用

input[type=checkbox] {

}
input[type=checkbox]:checked {

}

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