設定div背景透明兩種方法

阿新 • • 發佈：2019-01-16

css設定div背景透明有兩種方法：第一種使用opacity：0~1，這個方法有個缺點，就是內容也會跟著透明；第二種方法就是background-color:rgba(0,0,0,0~1)，使用這個方法就只會設定div背景透明，而不會影響到div裡的內容。

說明一下background-color:rgba(0,0,0,0~1)的使用

1.獲取你想要顏色值。

2.把RBG值轉換為數值，也就是16進位制數值轉換10進位制

dc = 220

26 = 38

3.把值設定到css上，並且設定透明度

.title_div{width: 100%;
		height: 30px; 
		line-height: 30px;
		text-align: center;
		 color:white; 
		 background-color:rgba(220,38,38,0.2);}

<div class="title_div">
    			裝置初始化設定
    		</div>

4.效果就出來了

設定div背景透明兩種方法

css設定div背景透明有兩種方法：第一種使用opacity：0~1，這個方法有個缺點，就是內容也會跟著透明；第二種方法就是background-color:rgba(0,0,0,0~1)，使用這個方法就只會設定div背景透明，而不會影響到div裡的內容。說明一下back

Vue-詳解設定路由導航的兩種方法：router-link和router.push

轉自：http://www.cnblogs.com/superlizhao/p/8527317.html 一、<router-link :to="...">　　to裡的值可以是一個字串路徑，或者一個描述地址的物件。例如： // 字串 <router

如果頁面表格裡的內容過長，設定隱藏顯示的兩種方法

方法一我使用了方法一但是沒有成功，問題是表格的寬度會隨著內容的長短而變化，找不到問題的癥結所以嘗試的方法二。方法二：做法基本上和方法一相同，最重要的區別是方法二藉助div實現，具體如下： 1>jsp頁面上程式碼： <td class="la" ><div

設定圓角圖片的兩種方法

在專案需求中有時會要求將圖片設定成圓形的，尤其是頭像。將圖片設定成圓形暫時知道有兩種方法：1.設定圓角 2.將圖片進行裁剪。方法1:設定圓角程式碼： imagV.layer.cornerRa

Vue-詳解設定路由導航的兩種方法： <router-link :to="..."> 和router.push(...)

一、<router-link :to="...">　　to裡的值可以是一個字串路徑，或者一個描述地址的物件。例如： // 字串 <router-link to="apple"> to apple</router-link> // 物件 <rou

C# web api返回型別設定為json的兩種方法

web api寫api介面時預設返回的是把你的物件序列化後以XML形式返回，那麼怎樣才能讓其返回為json呢，下面就介紹兩種方法：方法一：(改配置法) 找到Global.asax檔案，在Application_Start()方法中新增一句：。程式碼如下: Glo

IntelliJ IDEA 設定預設 Maven 的兩種方法

第一種：在 IntelliJ IDEA 的初始化介面中，依次選擇“Configure”—>“Project Defaults”—>“Settings”，然後在“Default Preferences”裡的“Maven”中進行配置，即可。第二種

基礎篇_執行緒第 2 集設定執行緒名稱兩種方法:setName或者建構函式

練習1：建立兩個執行緒，和主執行緒交替執行。原來執行緒都有自己預設的名稱Thread——編號該編號從0開始currentThread():獲取當前執行緒物件。getName():獲取執行緒名稱。設定執行緒名稱:setName或者建構函式。 class Test ext

Android RecyclerView:設定指定位置的兩種方法

方法一，直接使用當前的manager /* RecyclerView 移動到當前位置， * * @param manager 設定RecyclerView對應的manager

詳解設定路由導航的兩種方法

一、<router-link :to="...">　　to裡的值可以是一個字串路徑，或者一個描述地址的物件。例如：// 字串 <router-link to="apple"> to apple</router-link> // 物件 <

IntelliJ IDEA設定預設Maven的兩種方法

第一種：在IntelliJ IDEA的初始化介面中，依次選擇“Configure”—>“Project Defaults”—>“Settings”，然後在“Default Preferences”裡的“Maven”中進行配置，即可。第二種：在專案中

Spring讀取外部的.properties檔案內容並設定給bean的兩種方法

在實際開發過程中，將很多屬性是常量的配置或會隨時改變的資訊寫在外部的properties檔案中，然後在程式碼中通過IO流獲取此檔案後在通過Properties類來依次解析其中的內容。說白了properties檔案的作用是便我們在一個階段內不需要頻繁書寫一個引

jquery mobile中設定content高度的兩種方法

在使用jquerymobile開發時會遇到這樣一個需求：If header and footer arefixed you would think that content covers rest of available space 預設情況下：Emptycontent

將UINavigationBar設定為全透明的兩種方法

實現UINavigationBar的全透明是實現動態改變導航欄顏色的前提，我找到了兩種方法來實現這種效果第一種 self.navigationController?.navigationBarHidden = true 第二種方法我找了好久，今天才知道我嘗試過設定

WPF 設定按鈕Button的背景圖（Content或Background下的兩種方法設定Button的向量圖背景，為按鈕新增向量圖背景）

用Blend畫好的向量圖：新增到Button中去。方法一：（Backgroud,缺點是有條紋） <Button Canvas.Top="48" Canvas.Left="62" Width="527" Height="691" Border

CSS實現背景圖尺寸不隨瀏覽器縮放而變化的兩種方法

簡單 fix chrom per 實現瀏覽器 webkit 只需要 div 方法一. 把圖片作為background 有幾個CSS的屬性要提一下：background-size：cover，這個CSS3的屬性作用是把背景圖像擴展至足夠大，以使背景圖像完全覆蓋背景區域，背景

CSS實現自適應不同大小螢幕的背景大圖的兩種方法（轉自簡書）

CSS實現自適應不同大小螢幕的背景大圖的兩種方法一張清晰漂亮的背景圖片能給網頁加分不少，設計師也經常會給頁面的背景使用大圖，我們既不想圖片因為不同解析度圖片變形，也不希望當在大屏的情況下，背景有一塊露白，簡而言之，就是實現能自適應螢幕大小又不會變形的背景大圖，而且背景圖片不會隨著

unity透明視訊的實現的兩種方法

AR中常見的應用方式，在攝像機前播放部分透明的視訊，讓視訊和相機中的場景有所互動等應用方式。這次主要介紹特殊Shader的編寫和視訊的簡易製作，在Unity中不借助ARSDK開啟攝像頭，播放視訊達到簡易的AR的效果。這邊平面和視訊有兩種不同方法實現。下面分別介紹。一、視訊的處理（兩種方式

vue-router之nuxt動態路由設定的兩種方法小結

方法一：router-link ? 1 2 3

Flask 設定cookie的兩種方法.獲取cookie,和刪除cookie的方法(修改過期時間)

設定cookie 方法一: 建立物件 make_response的物件呼叫物件的set_cookie方法設定cookie 方法二: 直接設定表單頭除了鍵值對,其他部分可去瀏覽器檢查摘抄 resp.headers["Set-Cook

設定div背景透明兩種方法

相關推薦