如何构建类似 Twitter 的半透明背景叠加层？答案

【问题标题】：How can I build a twitter-like, semi-transparent background overlay?如何构建类似 Twitter 的半透明背景叠加层？
【发布时间】：2012-06-12 20:43:47
【问题描述】：

我指的是Twitter page 主要内容周围的半透明白色边框。它是一直延伸到页眉的白色边框。

只是想知道是否有人有一个方便的快速演示。

【问题讨论】：

【解决方案1】：

最新的 Twitter 更新使得只有以下内容才能让您的 Twitter 变得透明...http://userstyles.org/styles/75782/newtwitter-semi-transparent-stream-and-dash-v0-2

【讨论】：

【解决方案2】：

你可以用 css3 做到这一点。制作一个div：

<div class="container transparent">
  Your content
</div>

然后在您的样式表中（现已修复）：

.transparent {
    background: rgba(255,255,255,.5);
}

查看该推特页面的来源，看起来他们使用了透明的 png：

background: url(https://si0.twimg.com/a/1339096274/t1/img/wash-white-30.png);

【讨论】：

-@GorillaMcD，谢谢，嗯，你能帮上忙吗：jsfiddle.net/SwvNt/1
好的，我修好了。虽然您可以制作透明 png，但如今对 rgba 的支持已经足够广泛，以至于 IMO 可以在透明 png 上使用它。显然，它不喜欢 rgba 方法中的“0”和空格。你也可以用同样的方式使用背景色。
哈哈，我收回了。我拼错了 rgba（它是 rbga）。对此感到抱歉。