如何使帖子背景半透明而不使内容透明？

Question

我看了很多关于我的问题的帖子，但没有人真正拥有相同的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的基础知识，所以如果我不能立即理解某些东西，我会有一两个问题。谢谢。

- user2632633

---

请查看此链接，可能会对您有所帮助：https://dev59.com/_XRA5IYBdhLWcg3w1BqW?rq=1 - user2582303

Answer 1

使用 RGBa（红绿蓝透明度）

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;
}

- doitlikejustin

---

我正在处理它，看起来有点混乱，但是这就是它，我猜 http://leiomano.tumblr.com/ - user2632633

也许你使用的是旧版浏览器？我在我的浏览器上看到它可以正常工作 http://d.pr/i/zVAG - doitlikejustin

我实际上已经恢复了旧的设置，但显然如果我将其更改为~0.8不透明度，它不仅会更改帖子背景。 - user2632633

它仍然可以使用rgba代码http://d.pr/i/11Mx，并查看此http://d.pr/i/F4Os的右下角。 - doitlikejustin

我不确定为什么你没有看到背景改变。在我的端上，代码运行良好。 - doitlikejustin

Answer 2

你可以使用这个网站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

rgba（255，255，255，0.5）=＃FFF

- Mihai Viteazu

---

谢谢，但这基本上是另一个人告诉我的要做的事情，而且它并没有真正起作用。 - user2632633