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;

我只想改变这个元素的透明度。这种方式可能吗？

- Mikolaj Marcisz

Answer 1

你可以像这样使用rgba作为颜色属性：

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

末尾的0.5表示50%的不透明度。这仅适用于文本，而不是包含元素。

您必须关注浏览器兼容性。

- Dan

---

非常感谢，运行得很好！将在15分钟内被接受* - Mikolaj Marcisz

如果浏览器不兼容，最糟糕的情况是什么？文本会失去格式，还是可能会消失？ - Mikolaj Marcisz

如果您在rgba上面添加十六进制声明（＃000000），通常它会回退到第一个CSS规则。无论如何，最好在计划支持的所有浏览器上进行测试，这样您就可以确切地知道会发生什么以及每个平台/设备上的呈现方式。 - Dan

Answer 2

使用 rgba 值：

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

- Ghilas BELHADJ