不透明度的分隔符背景顏色沒有文字被褪色

有沒有辦法讓分隔符的背景圖像在不受文字影響的情況下改變不透明度？我正在處理的網站是ubertechnews.com，它是首頁上的類別背景。很煩人。不透明度的分隔符背景顏色沒有文字被褪色

具體代碼如下所示：

.recent-cat .entry.orange h3 { 
background: #e8af00; 
width: 207px; 
text-shadow: 1px 1px 1px #c19100; 
opacity: .6;

如果該元素被賦予一個不透明度，那麼它內部的文本將會受到影響。您可以使用不透明的圖像並將其設置爲背景，或者您可以將h3設置爲兄弟並將其放置在h3的後面。 – anpsmn 2013-04-04 06:21:13

我不知道，如果你是在談論一個背景圖片和背景色一樣在你的CSS，但你可以做RGBA（），如果它是一個CSS3瀏覽器（不是Internet Explorer 8及以下版本）。

.recent-cat .entry.orange h3 { 
background: rgba(232,175,0,0.6); 
width: 207px; 
text-shadow: 1px 1px 1px #c19100; 
}

2013-04-04 06:09:03 jacksonfiverniner

回答