css - 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