css 只改變父元素的透明度，不改變子元素透明度

jzman 發(fā)布于2019-08-29 12:36 / 3784人閱讀

摘要：只改變父元素的透明度，不改變子元素透明度在給父元素背景設(shè)置透明度時，子元素內(nèi)容繼承了父元素的透明度利用屬性，例如。但是不支持此屬性，可按如下方法寫父元素要寫如下子元素加個定位即可。

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

在給父元素背景設(shè)置透明度時，子元素內(nèi)容繼承了父元素的透明度

利用CSS3屬性 rgba，例如 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 即可。

云服務(wù)器 GPU云服務(wù)器元素透明度 js找父元素的兄弟父元素元素父節(jié)點

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/112013.html

相關(guān)文章

CSS2-盒模型、背景圖片

摘要：合并后的外邊距的高度等于兩個發(fā)生合并的外邊距的高度中的較大者。雪碧圖的使用背景圖與元素的原點重合。白色框是元素，綠色框是背景圖片。盒模型屬性 margin外邊距（top,right,bottom,left）border邊框(top,right,bottom,left)padding內(nèi)邊距(top,right,bottom,left)content內(nèi)容區(qū)(width,height)ma...

yuanzhanghu 2019-08-29 15:33 評論0 收藏0
jQuery筆記總結(jié)篇

摘要：希望在做所有事情之前，操作文檔。不受層級限制子選擇器在給定的父元素下匹配所有子元素。相鄰選擇器匹配所有緊接在元素后的元素。判斷當(dāng)前對象中的某個元素是否包含指定類名，包含返回，不包含返回下標(biāo)過濾器精確選出指定下標(biāo)元素獲取第個元素。原文鏈接 http://blog.poetries.top/2016... 首先，來了解一下jQuery學(xué)習(xí)的整體思路 showImg(https://seg...

NoraXie 2019-08-22 10:39 評論0 收藏0
CSS

摘要：浮動元素會生成一個塊級框，而不論它本身是何種元素。關(guān)于浮動的兩個特點浮動的框可以向左或向右移動，直到它的外邊緣碰到包含框或另一個浮動框的邊框為止。由于浮動框不在文檔的普通流中，所以文檔的普通流中的塊框表現(xiàn)得就像浮動框不存在一樣。一、CSS CSS（cascading style sheet，層疊樣式表）定義如何顯示HTML元素。當(dāng)瀏覽器讀到一個樣式表，它會按照這個樣式表來對文檔進行格式化（...

番茄西紅柿 2019-04-23 13:12 評論0 收藏0
第一課關(guān)于側(cè)邊欄下拉手風(fēng)琴的實現(xiàn)

摘要：一主要知識點布局，變換，事件觸發(fā)二屬性記憶規(guī)則子元素會繼承父元素的布局屬性。盒子的實際寬度設(shè)置的和不會影響實際寬度定位屬性，用于上的角形的實現(xiàn)，此次小角形實現(xiàn)需要用到父相對位置，子絕對位置。一、主要知識點：html布局，css變換，js事件觸發(fā) 二.CSS屬性記憶： CSS規(guī)則：子元素會繼承父元素的布局屬性。不專門改變子元素的屬性，其會跟隨父元素。功能語句 marg...

番茄西紅柿 2019-04-23 11:52 評論0 收藏0
對jQuery的簡單整理

jQuery 是一個類庫，提供強大的選擇器，不用考慮兼容性問題，進行DOM操作，動畫功能，以及Ajax jQuery 1點幾版本兼容IE6~8 而2-3的版本不兼容原生對象與jQuery對象的轉(zhuǎn)化原生——>jq：oDiv——>$(oDiv) jq——>原生: $div1——>$div.get(0) 文檔就緒函數(shù)一般jq都寫在文檔就緒函數(shù)里 $(document).ready(fu...

I_Am 2019-08-21 17:54 評論0 收藏0