反對div不透明？

Question

如果我有一個像盒子一樣的div，並且使它具有10％不透明度的真實性感。我該如何反制它，因爲div中的所有內容都會得到不透明度。可以說我有一個帶有1px邊框和文本的盒子（div），在它上面放置不透明會使它看起來很糟糕，我只希望在背景上使用不透明。

Answer 1

您可以爲元素的背景使用半透明PNG圖像。您需要修復諸如Supersleight以支持IE6。

Answer 2

具有不透明度的元素的內容會繼承該不透明度。您需要將其分成兩部分：背景和內容。將內容絕對放置在背景上。您的內容不能位於不透明元素內。

Answer 3

這是你如何可以在背景顏色應用於不透明度而已，而不是整個元素和他的孩子們：

background: rgba(0,0,0, 0.5) //gives you a black background with 50% opacity 

，你可以在這裏測試一下： http://jsfiddle.net/ypaTH/

也有類似問題在這裏： How to give cross browser transparency to element's background only?（使用IE版本）