CSS - DIV內DIV的不透明度值的繼承

如何防止父DIV上的不透明度級別成爲子DIV的限制？CSS - DIV內DIV的不透明度值的繼承

<div style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: .50; z-index: 1000; background-color:red;"> 
          <div style="opacity:1; margin-top:25%; color:white;"> 
           <apex:pageMessages />  
          </div> 
         </div>

現在孩子的DIV只會達到最大值的50％。

來源

2016-11-28 Matt M

使用rgba作爲父級的背景顏色（並完全移除不透明屬性）。這允許僅將透明度設置爲背景顏色，而不是實際的元素。

所以不是

background-color:red;

各地使用

background-color:rgba(255,0,0,0.5);

來源

2016-11-28 22:40:46

好工作。爲了解釋*爲什麼這是，我將指出有一個最大的原因是*不透明度乘以後代的倍數：*如果父項的不透明度爲0.5，並且子項的不透明度爲1仍然導致0.5×1 = 0.5。 – Dre

CSS - DIV內DIV的不透明度值的繼承

回答

相關問題