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

Question

任何人都可以告诉我如何使div的背景透明，但有一些颜色，如黑色。虽然我只能将div设为透明或填充颜色，但我尝试使用CSS 谢谢你的帮助！

Answer 1

还有一个选项（虽然并非所有浏览器都支持）。使用rgba（）：

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

对于一些方法，这是一个不错的easy to read article。

如果你不关心IE6，事情就会轻松得多。

Answer 2

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

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

2. 使用半透明背景，使用rgba() colour（在IE以外的浏览器中）或带有alpha通道的PNG背景图像（在IE7-8中有效，但需要{ {1}}修复IE6，这也意味着你必须使图像尽可能大，因为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行代码就可以使它工作，如果你愿意，它还可以处理动画背景的不透明度。