將背景圖像添加到現有的背景圖像

我的複選框包含背景圖像，當它被點擊時，我想要一個正面的標誌出現在它上面。將背景圖像添加到現有的背景圖像

我想添加第二個帶有透明背景的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

回答