2016-08-09 474 views
1

我只是想爲我的div背景添加一個黑色疊加層。我將黑色添加爲背景顏色並將不透明度設置爲0.5 但問題是子元素div也適用該不透明度。看我的截圖。我只想爲我的父級div背景添加疊加層。有沒有具體的做法呢?Div背景不透明?

enter image description here

回答

2

您可以使用半透明的PNG文件作爲背景圖像,或者僅使用RGBA色彩系統:

background: rgba(0,0,0,.5); 

jsFiddle Demo

rgba()所有modern browser支持。

+0

.png解決方案是一個始終使用的解決方案,它不是那麼靈活,但也給你最少的問題。 –

+0

@ user2521387實際上,所有現代瀏覽器都支持'rgba()':http://caniuse.com/#feat=css3-colors – BenM