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的基础知识，所以如果我立刻不明白，我会有一两个问题。感谢。

Answer 1

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

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

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

2 个答案: