重置某個元素的子元素的不透明度

我不希望子元素繼承父級不透明度。 [請在此輸入鏈接的描述] [1]重置某個元素的子元素的不透明度

<html> 

    <head></head> 
    <body> 

     <div class='hasopacity'> 
      This is the text with some opacity 
      <div class='noopacity'> 
       This is the text with no opacity 
      </div> 
     </div> 
</body>

CSS

.hasopacity{opacity:0.5} 
.noopacity{opacity:1}

來源

2013-02-23 Vimal Basdeo

然後，據我所知，你必須讓它成爲兄弟姐妹而不是孩子。 – enhzflep 2013-02-23 08:06:21

看看http://stackoverflow.com/questions/806000/transparent-background-but-not-the-content-text-images-inside-it-in-css-on – 2014-02-27 08:42:08

子元素必須繼承父的不透明度設置。

我知道的唯一解決方案是讓通常是孩子的元素實際上是一個兄弟元素，它被定位爲看起來像是一個子元素。

來源

2013-02-23 08:10:06 Stuart

你不能，這是因爲你正在做一些透明，如果裏面有其他東西，它也會變得透明！

無論如何，這是一個重複的問題：I do not want to inherit the child opacity from the parent in CSS

來源

2013-02-23 08:08:21 martriay

重置某個元素的子元素的不透明度

回答

相關問題