3

我查看了大量与我的问题相关的帖子，但没有人真正拥有相同的 html，所以我无法弄清楚。

我正在尝试使我的 tumblr 博客的帖子背景半透明，而不使帖子上的照片、视频、文本等透明。现在我有

   #left-column .post {
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: -1;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    padding-top: 20px;
    width: 520px;
    }

我确定我需要为这个问题提供更多代码。如果您有任何要求，我会复制/粘贴到这里。另外，我只知道 html/css 的基础知识，所以如果我不能马上理解某些内容，我会提出一两个问题。谢谢。

4

2 回答 2

2

使用 RGBa（红绿蓝Alpha）

background-color: rgba(255,255,255,0.5);

所以你的代码是

#left-column .post {
    z-index: -1;
    background-color: rgba(255,255,255,0.5);
    border: 1px solid #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    padding-top: 20px;
    width: 520px;
}
于 2013-07-30T04:52:20.413 回答
0

你可以使用这个网站http://hex2rgba.devoth.com/来制作你的背景，你需要它多透明，什么颜色

试试这个代码：

#left-column .post {
 background: rgba(255, 255, 255, 0.5);
 border: 1px solid #ccc;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 float: left;
 padding-top: 20px;
 width: 520px;
}

rgba(255, 255, 255, 0.5) = #FFF

于 2013-07-30T05:15:58.410 回答