透明的段落标签，但不是它内部的锚

Question

如何在透明的段落标记内获得100％不透明度的锚点。

p {
    opacity: 0.8;
}
a {
    opacity: 1;
}


<p>This is a paragraph with transparent text an <a href="">anchor</a> that should NOT be transparent.</p>

Answer 1

根据您想要透明的内容（前景？背景？图像？），您可以使用alpha通道（rgba颜色，其中第四个元素是不透明度），这不会影响子元素。通常，在您使用它时的不透明度将始终影响所有子元素。

p {
    color: rgba(0,0,0,0.8);
  }