如何将不透明度应用于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的子元素之外）

回答

相关问题