【解決】父元素opacity會覆蓋子元素

子元素繼承父元素的透明度(opacity)的情況,下面貼出解決方法:

問題重現(xiàn):

.opacity{background: #000;opacity:0.7} 

這種寫法就算給子元素opacity_child重新賦值opacity:1;他也同樣會繼承父元素opacity的值。

正確寫法:

.opacity{background: rgba(0,0,0,.7);}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1、屬性選擇器:id選擇器 # 通過id 來選擇類名選擇器 . 通過類名來選擇屬性選擇器 ...
    Yuann閱讀 1,764評論 0 7
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,867評論 1 45
  • CSS 是什么 css(Cascading Style Sheets),層疊樣式表,選擇器{屬性:值;屬性:值}h...
    崔敏嫣閱讀 1,579評論 0 5
  • 一、HTML5 1.1 認(rèn)識HTML5 HTML5并不僅僅只是作為HTML標(biāo)記語言的一個最新版本,更重要的是它制定...
    福爾摩雞閱讀 16,579評論 14 51
  • 這團火,把那堆殘舊的木制桌椅,舔成灰燼。曾經(jīng)的它們,春夜臥聽墻外的蕉雨;夏夜承接七月的流火。然而白天,每一寸桌面都...

友情鏈接更多精彩內(nèi)容