如果我有一個像盒子一樣的div,並且使它具有10%不透明度的真實性感。我該如何反制它,因爲div中的所有內容都會得到不透明度。可以說我有一個帶有1px邊框和文本的盒子(div),在它上面放置不透明會使它看起來很糟糕,我只希望在背景上使用不透明。反對div不透明?
7
A
回答
4
您可以爲元素的背景使用半透明PNG圖像。您需要修復諸如Supersleight以支持IE6。
6
具有不透明度的元素的內容會繼承該不透明度。您需要將其分成兩部分:背景和內容。將內容絕對放置在背景上。您的內容不能位於不透明元素內。
+0
如果您正在討論CSS屬性的「不透明度」,這是真實的,但還有其他幾種達到效果的方法。 – e100 2010-05-11 14:15:23
11
這是你如何可以在背景顏色應用於不透明度而已,而不是整個元素和他的孩子們:
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版本)
因爲所有的瀏覽器類型,我認爲PNG是最好的選擇,如果我不使用像jquery或類似的東西(如果它有功能我需要)。感謝所有答案! – Jason94 2010-05-12 09:21:55