1. 程式人生 > >css父級div設定了透明度,子級也出現透明度的解決方法

css父級div設定了透明度,子級也出現透明度的解決方法

由於父級div使用了opacity設定透明度,使子級div也繼承了透明度

我的解決方法是使用rgba,background-color:rgba(245,224,199,0.7),0.7是透明度,由於rgba是css3的屬性,所以必須是支援css3的瀏覽器才能支援rgba

語法:

R:紅色值。正整數 | 百分數

G:綠色值。正整數 | 百分數

B:藍色值。正整數| 百分數

A:透明度。取值0~1之間

取值:

<length> :Hue(色調)。 0(或360)表示紅色,120表示綠色,240表示藍色,當然可取其他數值來確定其它顏色;

<percentage> :Saturation(飽和度)。 取值為0%到100%之間的值;

<percentage> :Lightness(亮度)。 取值為0%到100%之間的值;

<opacity> :alpha(透明度)。 取值在0到1之間;


相關推薦

cssdiv設定透明度出現透明度解決方法

由於父級div使用了opacity設定透明度,使子級div也繼承了透明度 我的解決方法是使用rgba,background-color:rgba(245,224,199,0.7),0.7是透明度,由於rgba是css3的屬性,所以必須是支援css3的瀏覽器才能支援rgba

設定border-radius的元素overflow:hidden失效解決方法

父元素設定圓角、overflow:hidden之後,當子元素中設定了transform後,父元素的overflow:hidden在圓角的地方失效了,解決方法:父元素加:position:relative; z-index:1; 就可以了 demo程式碼如下: <!D

WebUploader中div為display:none點選顯示無效。

在使用WebUploader上傳檔案時,有時候因介面操作要求,要控制其所在div的隱藏或顯示,發現隱藏後,flash模式的按鈕點選事件缺失,點選無效。 解決辦法: 1、在顯示時,先destroy 原有 uploader,再重新建立即可:程式碼如下, //第一次建立uplod

JS獲取節點的兄弟元素

https://blog.csdn.net/duanshuyong/article/details/7562423   先說一下JS的獲取方法,其要比JQUERY的方法麻煩很多,後面以JQUERY的方法作對比。JS的方法會比JQUERY麻煩很多,主要則是因為FF瀏覽器,FF瀏覽器會把你的換行也當

vue 自定義元件(元件)傳參

import material from 'alert';//引入子元件,子元件路徑 export default { data() { return {} }, //註冊元件 components: { alert: alert, }

Android Studio裡設定按鈕開發到手機上點開按鈕卻發現沒有跳到下一個介面而是閃退的原因

如果你在介面設定了按鈕,開發到手機上,點開按鈕,卻發現沒有跳到下一個介面,而是閃退。 原因是因為你沒有在左圖的xml檔案裡把結果的目標activity這3行寫進去。寫進去之後再重新下載到手機上,就可以了。

height:100%; 不起作用的四種解決方法溢位來卻沒有撐開

專案中遇到一個問題: 父級高度是auto,子級高度100%但是元素卻無法撐滿,總結了一下有下面三種方法,親測有效: 1:給父元素設為塊級並加固定高度 2: 父元素height:auto; overflow:hidden; 3: 不苛求相容性的話父級dis

JS/JQ獲取節點的同級元素

先說一下JS的獲取方法,其要比jQuery的方法麻煩很多,後面以JQUERY的方法作對比。 JS的方法會比JQUERY麻煩很多,主要則是因為FF瀏覽器,FF瀏覽器會把你的換行也當最DOM元素 <div id="test"> <div></div

元素透明元素不透明

html: <div class="imgr"><img src="images/pic1.png" alt="" /><div class="div2"><

Repeater 巢狀Repeater獲取 Repeater 中的值

1、Container英文就是容器的意思,並且在我們程式中也確實就是!那麼這個Container在我們的顯示資料用的(GridView,Repeater,DataList等等)這些裡面又是一個什麼現象來?個人理解其實,Container就是代表的行,Container.D

IDictionary 序列化一定要實現類實現ISerializable介面的必須有序列化建構函式否則反序列化時會出錯。

//public class ThreadSafeDictionary<TKey, TValue> : IDictionary<TKey, TValue>, ICloneable [Serializable] public class

hibernate問題為什麼設定Dialect可還是報錯說沒設定

在看慕課網SH整合學生資訊管理系統時出現了這個錯誤 log4j:WARN No appenders could be found for logger (org.jboss.logging). log4j:WARN Please initialize the

div鼠標懸停元素上移鼠標移出元素下移動畫。

auto pan mouseout 懸停 edt out script function hid HTML:               <div class="edt_title" > <div

通過id獲取到其下所有(無窮)id及id——Mysql函數實現

led cti creator returns ror mod har 為什麽 界面 【需求】某用戶只能查看其自己信息及其下級信息,涉及通過該用戶所在部門獲取其下所有部門(多層)id集合。 步驟一:對數據庫進行設置: set global log_bin_trust_f

重繪ListCtrl中增加控制元件Edit是控制元件失去焦點時控制元件不進行隱藏

問題:現在有一個listctrl控制元件,需要在某一列上新增一個子控制元件edit。當點選子控制元件(edit)時,子控制元件顯示出來,父控制元件(ListCtrl)已經失去焦點了。此時,要是滑鼠點選的位置不在該控制元件內,edit處於顯示狀態,父控制元件(ListCtrl)是失去焦點狀態。

使用jQuery獲取節點、兄弟節點、節點的方法

一、jQuery的父節點查詢方法         $(selector).parent(selector):獲取父節點         $(selector).parentNode:以node[]的形式存放父節點,如果沒有父節點,則返回空陣列         $(s

ASP.NET 使用alert彈出對話框後CSS樣式失效字體變大的解決方法

scrip 解決 type click net art css樣式 static rtu protected void ASPxButton2_Click(object sender, EventArgs e) { //Response.Write("

Eclipse中maven環境使用jetty啟動後不能儲存更改後的cssjs等靜態檔案的解決方法

【問題現象】      使用Maven + Eclipse + Jetty 進行J2EE開發,但有一個問題就是css、js等靜態檔案更改以後,在eclipse裡儲存都會失敗,eclipse給出的錯

svn 鎖住並且無法clean up 的解決方法

在更新svn時候有時候會遇到這樣的問題,更新到一半時候因為一些特殊情況斷掉了,此時再繼續更新會顯示:         Working copy "XXX" locked.         "XXX" is already locked.         Please exe

Vue 元件ajax非同步更新資料元件props獲取不到

當父元件  axjos  獲取資料,子元件使用  props  接收資料時,執行  mounted  的時候  axjos  還沒有返回資料,而且  mounted 只執行一次,這時   props  中接收的資料為空解決方案:在對應元件中判斷資料的長度