我想要一个孩子DIV有不透明度1，它的父母有不透明度0.5如何？ [英] I want a child DIV have opacity 1 and it's parent have opacity 0.5 HOW?

问题描述

大家好

i有两个元素DIV，由 div1 命名， div2 那个 div1 包含 div2 。

i希望div1有不透明度0.5但是div2有不透明度1怎么样？通过以下代码尝试
i但没有运气！

  div ＃ div1  
 {
  opacity  ：  0.5 
}  
 
  div＃div2  
 {
  opacity  ：  1 
}  

html代码：

 <   div     id   =  div1 >  
 <   div     id   =   div2 >  
 ... 
 <   / div  >  
 <   / div  >  

非常感谢

abforce

解决方案

按设计你不可能。但有一些方法可以绕过它。请看这里： http://www.impressivewebs.com/css-opacity-that-不会影响子元素/ [ ^ ]

尝试使用！important for＃div2

  div ＃ div1  
 {
 不透明度 ：  0.5 
}  
 
  div＃div2  
 {
  opacity  ：  1 ！important  
}  

Hi all
i have two element DIV named by div1 , div2 that div1 contains div2.
i want div1 have opacity 0.5 but div2 have opacity 1 how?
i tried by following code but no luck!

div#div1
{
opacity : 0.5
}

div#div2
{
opacity : 1
}

html code:

<div id="div1">
<div id="div2">
...
</div>
</div>

thanks very much
abforce

解决方案

By design you can''t. But there are methods to circumvent it. Look here: http://www.impressivewebs.com/css-opacity-that-doesnt-affect-child-elements/[^]

Try using !important for #div2

div#div1
{
opacity : 0.5
}

div#div2
{
opacity : 1 !important
}

这篇关于我想要一个孩子DIV有不透明度1，它的父母有不透明度0.5如何？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！