如何將不透明度應用於div及其所有子元素（除父div的子元素之外）

我試圖將不透明度應用於父div，但未應用於其子div之一...我已將演示在這裏http://plnkr.co/edit/rLjuSo9336Qe67fXlkPe?p=preview我在哪裏應用不透明的maindiv完美的作品，但我不想將不透明度應用於一個div，所以使一個特殊的div不透明度不透明度爲1，但那不工作......我怎麼能忽略不透明度父DIV ...如何將不透明度應用於div及其所有子元素（除父div的子元素之外）

<div id="mainDiv"> 
    <div>div 1</div> 
    <div>div 2</div> 
    <div> 
    <div id="div3"> 
    <input type="text" /> 
    </div> 
    </div> 
    <div>div 4</div> 
</div>

在上面的代碼中我想申請不透明度爲maindiv及其所有子項，但不div的具有ID =「DIV3」 ......有人請幫我謝謝您..！

來源

2016-06-14 Raja Reddy

不幸的是，我之前嘗試過同樣的事情，但無法做到這一點。您可能不得不查看相對或絕對定位。除非事情已經改變。 – Buildersrejected

你不能那樣做，一旦父母具有不透明性，孩子就會這樣做，你可以做的就是在父母上使用一個可以具有不透明性的僞元素。有了這個，你可以實現它 – LGSon

問題是，爲什麼（爲了什麼）你需要父母的不透明性？ – LGSon

如果你正在尋找這樣做只用CSS，沒有別的，你是運氣不好。這是什麼MDN has to say about it。

該值適用於整個元素，包括其內容，即使該值未由子元素繼承。因此，即使元素及其子元素具有不同的相對於彼此的不透明度，元素及其包含的子元素也具有與元素背景相對的相對不透明度。

但是，這取決於你實際上想達到的目標，它仍然是非常可能的，你可以做到這一點。改變你的HTML的方式，你不希望不透明的元素不是不透明元素的子元素。

來源

2016-06-14 16:29:52 Venemo

如何將不透明度應用於div及其所有子元素（除父div的子元素之外）

回答

相關問題