CSS中關於半透明設定的總結

在我們專案開發中，半透明的遮罩效果從很早就開始流行，到現在已經是大家非常熟悉的效果了，半透明效果不只是對圖片，還有各種地方都有使用到，用CSS也可以非常簡單的實現各種瀏覽器的兼容設置，那麼我們今天就給大家來介紹關於CSS中半透明設置的總結！

CSS中半透明設定：

#1.CSS半透明邊框的實作實例詳解（圖）

這個border-imge-slice 屬性傳入1~4個參數（number沒有單位專指像素或百分比值）將圖片分割成9個部分,1,2,3,4四個區塊是不會拉伸,不會平鋪，稱之為盲區，5,6,7,8四個區塊可以透過border-image-repeat 來控制拉伸平鋪與重複（ stretch:預設值,拉伸; repeat:平鋪; round:整數次平鋪; ），第9區塊不顯示，傳入參數fill 則顯示第9區塊，分割情況如下圖（圖4-2.png && 圖2-3.png）:

2.利用CSS3製作簡單的3d半透明立方體圖片實例程式碼 

#這篇文章主要給大家介紹了利用CSS3製作簡單的3d半透明立方體圖片展示的相關資料，文中給出了完整的範例程式碼，對大家的理解和學習有一定的參考價值，需要的朋友們下面來一起看看吧。

3.頂部固定p可設定半透明效果 

#這篇文章為大家介紹了一個頂部固定的p可設定半透明效果，文末有效果圖，大家可以參考下

4.相容性背景顏色半透明CSS程式碼（不影響內部子元素） 

其格式為#AARRGGBB 。 AA 、 RR 、 GG 、 BB 為十六進位正整數。取值範圍為 00 - FF 。 RR 指定紅色值， GG 指定綠色值， BB 指定藍色值，請參閱 #RRGGBB 顏色單位。 AA 指定透明度。 00 是完全透明。 FF 是完全不透明。超出取值範圍的值將恢復為預設值。

5.CSS設定一個元素半透明 

#這篇文章主要介紹了用CSS設定一個元素半透明的相關資料,非常不錯，具有參考借鑒價值，需要的朋友參考下吧

#半透明相關問答：

1.css - 請問B站頂部的模糊半透明導航條是怎麼實現的呢？

2.css - HTML 隱藏或移除拖曳時的半透明內容? 

3. css - HTML 隱藏或移除拖曳時的半透明內容? 

#【相關文章推薦】：

#1.Photoshop中關於半透明設定總結

#2.html和css中實作滑鼠樣式的方法總結 

3.html中引入css樣式的方法總結 

以上是CSS中關於半透明設定的總結的詳細內容。更多資訊請關注PHP中文網其他相關文章！