如何制作没有背景图片的透明背景？

Question

我想要一个 div 有一个透明的背景。

我尝试使用 background-color 和 opacity 来做到这一点，但问题是边框和里面的文本也变得透明。 这里的例子。

是否可以在不使用透明 PNG 背景图像的情况下实现这一目标？

原文由 Misha Moroshko 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果您只希望背景颜色透明而不是子内容，请使用

background-color: rgba(0,0,0,.5); // Sets to 50% transparent

有关更多详细信息，请参阅此页面 - 这是一个 css3 规范，因此不会在每个浏览器中显示：

http://www.css3.info/introduction-opacity-rgba/

原文由 DHuntrods 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

是的。

设置 background-color: transparent;

并且不要使用 opacity ，因为这就是使整个 div 半透明的原因。

在 http://jsfiddle.net/eU7By/1/ 更新了您的示例

评论后 更新

您可以使用 rgba 作为@DHuntrods 提到的背景色。 IE当然需要一些调整.. http://leaverou.me/2009/02/bulletproof-cross-browser-rgba-backgrounds/

原文由 Gabriele Petrioli 发布，翻译遵循 CC BY-SA 2.5 许可协议