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

时间:2012-06-08 19:14:29

标签: css twitter overlay opacity

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

只是想知道是否有人可以使用快速演示。

2 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:2)

你可以用css3做到这一点。做一个div:

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

然后在你的样式表中(现在修复):

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

查看该Twitter页面的来源,看起来他们使用了透明的png:

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