使段落背景透明而不透明文本

如何在不透明文本的情況下讓背景透明？使段落背景透明而不透明文本

p{ 
    font-family:sans-serif, Times; 
    color:#666666; 
    opacity:0.5; 
    background-color:#00C72E; 
    width: 50%; 
    font-size:16px; 
    margin:0px; 

}

來源

2014-03-18 user3435074

您將要使用rgba顏色來實現此目的。像這樣的東西應該爲你工作：

p { 
    font-family:sans-serif, Times; 
    color:#666666; 
    background-color:rgba(0,199,46,.5); 
    width: 50%; 
    font-size:16px; 
    margin:0px; 
}

這裏是一個小提琴：http://jsfiddle.net/Ty632/

來源

2014-03-18 21:18:52

IE8不支持rgba（）。也許有一個IE8的技巧：http://css-tricks.com/rgba-browser-support/ – JohanVdR

@sigma，正確的，IE8及以下不支持rgba。對透明度使用.png或.gif圖像是最常見的解決方法。儘管在MS放棄對WinXP的支持時，我認爲我們已經非常接近將IE8視爲過去的事情了。 –

Rgba只是通過保留內部ithis div的內容來製作透明背景的絕佳技巧。 –

opacity:0.5;改變容器的不透明度和其中的內容。

你可以使用和RBGA背景色（background-color:rgba(0,199,46,0.5);），這是RGB值與最後一個不透明元素，但它不是很向下兼容。有關RGBA顏色的更多信息（包括瀏覽器兼容性圖表）可以在這裏找到：http://css-tricks.com/rgba-browser-support/

另一種選擇是使用半透明PNG作爲背景，它可以在大多數現代網絡瀏覽器上使用。您可以在這裏找到半透明PNG圖像的瀏覽器兼容性圖表：http://caniuse.com/png-alpha

來源

2014-03-18 21:22:04

使段落背景透明而不透明文本

回答

相關問題