css透明度，css圖片透明度設置方法
在一些網站的登錄頁面上，經常可以發現，一張圖片疊加在另一張圖片上，底層的圖片若隱若現，利用css中的透明屬性opacity可以實現這種效果，下面就簡單介紹一下怎么寫代碼
操作方式
-
01
新建一個HTML文件，下載兩張圖片，如下圖，放在一個文件夾中，避免呈現路徑問題
-
02
代碼示例如下，本家兒要操縱css偽元素::before，F_box為前置層，浮于布景上方
-
03
下面簡單分化下代碼，分為1，2，3，第一部門，設置布景圖片001.jpg；第三部門，固心猿意馬前置層圖片002.jpg的位置；第二部門，操縱偽元素：：before，設置屬性opacity來調節透明度，取值為0-1，0是全透明，即看不見的結果，1是全不透明
-
04
代碼示例中，設置opacity為0.5，半透明狀況，現實頁面結果如下
- End
- 發表于 2018-08-08 00:00
- 閱讀 ( 652 )
- 分類：電腦網絡
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章