css設置背景透明度
css通過設置透明度可以得到遮罩效果，今天咪咪我就來給大家講解一下css透明度的設置方法。
工具/材料
電腦
webstorm
操作方法
-
01
如圖，打開webstorm，然后新建一個html界面，在html界面里面我添加了一個div標簽。
-
02
接著我們給body標簽設置背景，這里我就隨意的給body標簽添加了一個背景。
-
03
之后，打開瀏覽器預覽，可以看到body已經擁有了背景。
-
04
接著我們再設置div的寬度高度并且設置成藍色背景。
-
05
再去預覽看看效果，可以看到div有了藍色的背景，但是背景是不透明的，所以它就把原來body的背景給覆蓋掉了。
-
06
之后我們修改div的背景，如圖所示，使用rgba,括號里面的最后一個參數0.4就是設置透明度的，透明度從0到1，越小表示越透明。前面三個參數是設置顏色的。
-
07
之后，再來看看效果。此時的div已經有了半透明的背景，所以它就不會覆蓋掉body的背景了哦，這樣就可以得到遮罩效果，非常神奇哦。
- End
特別提示
哈哈，可能我的背景圖有點丑，大家可以使用自己的背景圖哦，這里我只是介紹設置背景透明的思路。
- 發表于 2017-09-22 00:00
- 閱讀 ( 776 )
- 分類：電腦網絡
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章