爲什麼這個div繼承父級的不透明度？

通常我會盡力在這裏記錄這個問題，並且複製一些代碼，以便當我鏈接到的URL顯示問題不再導致任何問題時，至少該問題將具有足夠的代碼，以便稍後閱讀這些內容的人可能會遇到同樣的問題，可以看到這個例子。但在這種情況下，我遇到的問題非常具體......我不知道什麼是錯誤的，所以我不知道在這裏複製什麼代碼。爲什麼這個div繼承父級的不透明度？

我有一個div，不透明度設置爲1，在不透明度設置爲.5的另一個div內，以製作出非常便宜的「燈箱」效果。至少在其他兩個網站上，我完全以同樣的方式完成了這件事，並且從未遇到過這個問題。事實上，如果我在Dreamweaver中打開一個新的HTML頁面並嘗試複製該問題，我不能。我知道我必須忽視的東西如此可笑的簡單，但...

相關侵權網址是http://pmind.com/staging/123/dashboard.shtml

白框的中間，generate_window，爲繼承其父（generate_window-wash）不透明度。

爲什麼？

來源

2010-11-12 Michael Davis

此外，由於某些原因，周圍那些帶有星號的div名稱並未使其斜體。 – 2010-11-12 15:19:14

sitepoint上有一個關於這個問題的冗長線程，其中包括一些潛在的解決方案：http://www.sitepoint.com/forums/showthread.php?t=702633 – hollsk 2010-11-12 15:23:37

父<div>，包括它裏面一切，是透明的。

您不能在透明元素內部有不透明的元素。

相反，您可以將不透明的<div>放置在透明的上方，而不是孩子。

來源

2010-11-12 15:24:55 SLaks

也許同時出去參加派對朋友的晚會終於讓我的大腦受損。我一直在研究我之前完成的工作和這個想法，「幾乎沒有區別！」 – 2010-11-12 15:47:40

當然，除了其他時候，我立即關閉了洗滌櫃，而不是在其中嵌入任何東西。 – 2010-11-12 15:48:19

收費也可能是心理上的，從你的所有朋友突然離開你。 ;） – Ben 2013-01-16 02:31:08

具有不透明度的元素的所有子節點都會繼承該不透明度。這是設計。

您需要重新安排您的HTML，以便該項目不是孩子，但佔據相同的位置。

來源

2010-11-12 15:22:09

，它不會從它的parents..I在螢火蟲看到它繼承顯示以下屬性：

#generate_window { 
background:none repeat scroll 0 0 #FFFFFF; 
height:400px; 
margin:200px auto; 
opacity:1; 
position:relative; 
width:500px; 
z-index:2000; 
}

來源

2010-11-12 15:23:01 kobe

@opacity 0.5已被覆蓋..並被刪除，我在螢火蟲中看到了同樣的情況。 – kobe 2010-11-12 15:24:16

爲什麼這個div繼承父級的不透明度？

回答

相關問題