透明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

根据Pekka的答案，它具有opacity ，但它会使div的内容透明以及背景。 如果这不是你想要的，你可以：

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

2. 使用半透明背景，或者使用rgba()颜色 （在IE以外的浏览器中），或者使用带有alpha通道的PNG背景图像（在IE7-8中工作但需要修复IE6的AlphaImageLoader ，这也意味着你必须使图像尽可能大，因为AlphaImageLoader不会平铺）。

Answer 3

您可以使用opacity （及其IE兄弟alpha ）。

Quirksmode.org有一个很好的列表，列出了如何在大多数浏览器中始终如一地实现这一点。

Answer 4

或者您可以使用PNG半透明图像。 通常最简单的方法是，在使用opacity时，您还会更改文本的不透明度。

Answer 5

http://www.w3schools.com/Css/css_image_transparency.asp有一些例子

Answer 6

这是一个jQuery插件，可以为您处理一切，Transify http://jorenrapini.com/blog/css/transify-a-jquery-plugin-to-easily-apply-transparency-opacity-to-an-elements-background

我时不时地遇到这个问题，所以我决定写一些能让生活更轻松的东西。 该脚本小于2kb，只需要1行代码即可使其工作，如果您愿意，它还可以处理动画背景的不透明度。