CSS文本框 - 將背景疊加在另一個背景上

我有一個通過背景圖像格式化的文本框。現在，當發生一些AJAX處理時，我想在文本框的右下角顯示一個旋轉圖標。發生這種情況時，我可以將該類添加到文本框中，但它顯然會替換背景。CSS文本框 - 將背景疊加在另一個背景上

.suburb-loading { 
background: url('/images/loading_spinner.gif') right center no-repeat; 
}

是他們的方式來覆蓋2背景嗎？或者在這裏覆蓋背景圖片的最佳方式是什麼？

來源

2013-05-04 Lock

使用CSS多背景的只是一個逗號分隔它們

.suburb-loading { 
    background-image: url('1.png'), url('2.png'); 
    background-repeat: no-repeat, no-repeat; 
}

Demo

小提琴CSS

input { 
    background-image: url('http://www.melabev.org/images/spinner.gif?1331633304'), url('http://1-art.eu/images/backgrounds/vellum/vellum-old-vellum-background2.jpg'); 
    background-repeat: no-repeat, no-repeat; 
    background-position: center right, 0 0; 
    height: 35px; 
}

來源

2013-05-04 03:56:51

您可以使用CSS3 Multiple Background功能，但你應該知道，這will not work in all browsers，或者你可以創建另一個div覆蓋原來的like with absolute position，這將適用於那些不支持多種背景的舊瀏覽器

來源

2013-05-04 03:59:53

謝謝。我想我會去換一個新的div。通過jquery，我將如何對齊div與現有的盒子？如果我確實使用多個背景，因爲我正在使用addClass，我將如何添加多個背景？這樣做只是取代了前一個。 – Lock 2013-05-04 04:33:06

您最好使用CSS3多背景，並使用div overlayign和jQuery作爲瀏覽器缺少對多背景支持的替代解決方案 – 2013-05-04 04:35:02

CSS文本框 - 將背景疊加在另一個背景上

回答

相關問題