古詩詞大全網 - 成語用法 - css怎麽可以只讓背景透明 文字不透明

css怎麽可以只讓背景透明 文字不透明

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同第壹種方式是壹個含義。