透明div背景,有一种颜色？

Question

任何人都可以告诉我如何使div的背景透明,但有一些颜色,如黑色.我已经尝试过使用CSS,虽然我只能让div透明或填充颜色.
谢谢您的帮助!

Answer 1

还有一个选项(虽然并非所有浏览器都支持).使用rgba():

/* apply a shade of seafoam green (50% transparent) to "tinted" class */
.tinted {    
    background-color: rgba(129,254,188,0.5);
}

这是一篇很容易阅读的关于一些方法的文章.

如果你不关心IE6,事情会变得容易多了.

Answer 2

有opacity按佩卡的答案,但它会使DIV透明,以及背景的内容.如果这不是你想要的,你可以:

1. 有两个div,一个用不透明度/ alpha作为背景,另一个用于定位在它上面的内容.然而,对于可变尺寸的元素,定位可能是棘手的.要么,

2. 使用半透明背景,使用rgba()颜色(在IE以外的浏览器中)或带有alpha通道的PNG背景图像(在IE7-8中有效,但需要AlphaImageLoader修复IE6,这也意味着你必须制作你可能需要它的大图像,因为AlphaImageLoader不会瓦片).