1、首先新建壹個html文件,添加壹個DIV,設置寬度和高度,以及背景色填充為紅色。
2、然後在父級DIV中插入壹個子DIV,定義它的寬高,以及背景色(background:#fff;)。
3、然後添加壹個透明度的代碼(opacity:0.6),保存後預覽下效果,背景已經實現透明了,但是文字也透明了。
4、熟悉PS的同學應該都知道,在圖層的上方,有個不透明度,把PS中圖層不透明度設置為60%,就和網頁中的效果壹樣了,他們是壹個數值。
5、把剛才的背景色和不透明度代碼刪除,換個代碼background-color:rgba(255,255,255,0.6);。
6、保存後看下效果,已經變成了背景透明,文字不透明啦。
7、其中255,255,255就是PS中的拾色器裏的數值啦。
8、0.6同第壹種方式是壹個含義。