Css - 单独的颜色Transparents

Question

是否可以仅定义颜色透明？ 例如

<h3 class="header">header</h3>

h3{
  color:red;
}
.header{
  color:rgba(null,null,null,0.3);/* red 30%*/
}

Answer 1

使用opacity: 0.3

如果您希望元素看起来像不可见，请使用值0。

值1没有透明度。

Answer 2

RGBa仅适用于后台，请参阅opacity：

h3 {color: red; opacity: .3}

http://jsfiddle.net/dbk574fu/

当然，不透明度也使背景透明，如果你需要为这个元素使用背景，你必须在HTML中添加一个包装器并将背景图像设置为这个包装器，而不是h3元素。

<div class=header>
    <h3>headline</h3>
</div>

.header {background: green;}
.header h3 {background: red; opacity: .3}
/* there will be green background and red semi-transparent text */