CSS中的文本不透明度

Question

有什么方法可以处理wordpress小部件中的文本，使用不透明度函数使其半透明？仅限于以下代码块的内容。

#content .widget .caption h3 {
color:#000000;
font-family:'Overlock';
margin:0 -10px;
padding:0 10px;
font-size:27px;
height:46px;
line-height:46px;
font-weight:bold;

}

使用下面的选项，整个小部件将被视为透明。

 #content .widget .caption h3 {
color:#000000;
font-family:'Overlock';
margin:0 -10px;
padding:0 10px;
font-size:27px;
height:46px;
line-height:46px;
font-weight:bold;
opacity:0.2;

}

我只希望改变它的不透明度。甚至可能那样吗？

Answer 1

您可以使用rgba作为颜色属性，如下所示：

color: rgba(0,0,0,0.5);

最后0.5指定50％的不透明度。这仅适用于文本，而不适用于包含元素。

您必须观看browser compatibility

Answer 2

使用rgba值：

color: rgba(0,0,0, 0.2)