css 只改變父元素的透明度,不改變子元素透明度rgba+opacity

css 只改變父元素的透明度,不改變子元素透明度rgba+opacity

如何讓子元素脫離父元素的透明度?有如下幾種方法:

1.父元素div,直接使用透明度的圖片做背景。

2.父元素div(設置為相對定位),兄弟div1(設置為絕對定位)背景正常加透明度即可,兄弟div2(設置為絕對定位),層級關系高于div1即可。

3.利用CSS3屬性rgba(即red+green+blue+alpha的顏色),例如background-color:rgba(0,0,0,0.5)

但是IE7/8不支持此屬性,可按如下方法寫:

父元素div要寫如下:background-color: rgba(0,0,0,0.5)!important;background-color: #000;filter:Alpha(opacity=50);

子元素div加個定位position:absolute/relative即可。

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

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

  • 1、垂直對齊 如果你用CSS,則你會有困惑:我該怎么垂直對齊容器中的元素?現(xiàn)在,利用CSS3的Transform,...
    kiddings閱讀 3,316評論 0 11
  • ?前端面試題匯總 一、HTML和CSS 21 你做的頁面在哪些流覽器測試過?這些瀏覽器的內(nèi)核分別是什么? ...
    Simon_s閱讀 2,396評論 0 8
  • 一、CSS Sprite(雪碧圖|精靈圖)指什么? 有什么作用 1、css sprite是一種圖片處理方法,就是將...
    鴻鵠飛天閱讀 500評論 0 0
  • 進入it行業(yè)已經(jīng)有段時間了,有點感觸想給大家分享下。 頂級開發(fā)者或者能在bat混的如魚得水的咱先撇開不談。咱們著重...
    阿氡閱讀 1,493評論 10 6
  • 轉(zhuǎn):http://dougneiner.com/post/641596410/tabs-vs-spaces 簡單的...
    甘言川閱讀 5,331評論 0 2

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