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

jzman 發布于2019-08-29 12:36 / 3778人閱讀

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

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

在給父元素背景設置透明度時，子元素內容繼承了父元素的透明度

利用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 即可。

GPU云服務器云服務器元素透明度 js找父元素的兄弟父元素元素父節點

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/112013.html

CSS2-盒模型、背景圖片

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

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

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

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

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

番茄西紅柿 2019-04-23 13:12 評論0 收藏0
第一課關于側邊欄下拉手風琴的實現

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

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

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

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