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文本框 - 将背景叠加在另一个背景上

回答

相关问题