2013-08-26 74 views
0

我有一個固定的div覆蓋(整個屏幕),其中包含另一個更小的中心div爲消息。無法重寫不透明度值?

大div有position:fixed和不透明度。

內格也有position:fixed但不透明度

但在div,我不希望有任何的透明度(opacity: 1):

問題:

我仍然認爲它是透明的。我該如何解決它(內部股利)?

enter image description here

內的div背景顏色是黑色。並且顏色是紅色的。 (正如你所看到的),事情並非如此。 (我也試過!重要)

Full JSBIN

NB

覆蓋股利和股利內不應滾動當用戶滾動。

+0

使用'RGBA'作爲背景色,而不是'opacity':http://jsbin.com/icuXOrI/4/edit – MarcinJuraszek

+0

@MarcinJuraszek工作。謝謝。 (p.s.有什麼區別?),請張貼它作爲答案。 –

+3

設置不透明度後,所有子元素的不透明度將只從0到外部元素不透明度的範圍。所以,如果設置爲0.5,外部元素爲1,內部元素爲1,則內部元素的最終結果爲0.5。內部0.5或0.5會導致0.25不透明度。 – Yoshi

回答

2

你可以把背景顏色TRANSPARANT使用background-color: rgba(0,0,0,0.5)

+0

我其實更喜歡這種方法,因爲dragoste的HTML結構是非常重要的(imo),如果你可以做到這一點,同時保持良好的結構,那麼這樣做 – Don

3

只要把非不透明分度,不透明度股利之外。

http://jsbin.com/icuXOrI/11/edit?html,js,output

position:fixed所以我不要緊,你把它。

+0

誰有位置:絕對? –

+0

但是如果我想隱藏div +覆蓋圖,我需要隱藏2個元素而不是一個。 –

+1

您可以添加一個第3個div來包含其他2,然後顯示/隱藏那個。 –

0

保留兩個不同的div,一個具有較少的不透明度,另一個沒有。

<div parent> 
    <div with opacity></div> 
    <div without opacity></div> 
</div> 

JSBIN