CSS不透明度 - 背景顏色

我試圖讓黑色div的不透明度爲.5，但div（h3標籤）的內容爲opactiy 1.所以白色文本仍然是白色，它的透明度沒有改變/不變。CSS不透明度 - 背景顏色

<div style="background-color:red;"> 
<div style="width:470px;color:white;margin-top:170px;"> 
<div style="background-color:black;opacity:0.5;"> 
<h3 style="color:white;opacity:1;">Heading </h3><p>tagline here</p> 
</div> 
</div> 
</div>

JSFiddle

任何建議非常讚賞。

來源

2013-02-20 Mark

，而是如果你沒有後顧之憂，您可以使用RGBA關於支持舊版本的IE：

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

來源

2013-02-20 16:04:03

使用rgba - DEMO

background-color: rgba(0, 0, 0, .5)

（和不使用內聯CSS）

來源

2013-02-20 16:04:09

這可能是一個給定的 - 但肯定使用RGBA就像使用內聯CSS？ – 2013-02-20 16:07:19

不透明度適用於子元素。正如@MattCain建議在DIV背景顏色上使用RGBA來解決這個問題。

<div style="background-color:red;"> 
<div style="width:470px;color:white;margin-top:170px;"> 
<div style="background-color: rgba(0, 0, 0, 0.5);"> 
<h3 style="color:white;opacity:1;">Heading </h3><p>tagline here</p> 
</div> 
</div> 
</div>

來源

2013-02-20 16:06:31

CSS不透明度 - 背景顏色

回答

相關問題