在一些網(wǎng)站的登錄頁面上，經(jīng)?？梢园l(fā)現(xiàn) ， 一張圖片疊加在另一張圖片上 ， 底層的圖片若隱若現(xiàn)，利用css中的透明屬性opacity可以實現(xiàn)這種效果，下面就簡單介紹一下怎么寫代碼
操作方法01、新建一個HTML文件，下載兩張圖片，如下圖，放在一個文件夾中，避免出現(xiàn)路徑問題
02、代碼示例如下，主要利用css偽元素::before，F(xiàn)_box為前置層，浮于背景上方
【css透明度，css圖片透明度設(shè)置方法】03、下面簡單分解下代碼，分為1，2，3，第一部分，設(shè)置背景圖片001.jpg；第三部分，固定前置層圖片002.jpg的位置；第二部分，利用偽元素：：before，設(shè)置屬性opacity來調(diào)節(jié)透明度，取值為0-1，0是全透明 ， 即看不見的效果，1是全不透明
04、代碼示例中，設(shè)置opacity為0.5，半透明狀態(tài) ， 實際頁面效果如下
推薦閱讀
- 如何快速去除圖片水印 去水印最簡單的方法
- 如何把圖片做成二維碼通過手機掃描查看
- ps怎么把白底變成透明
- 怎樣用畫圖工具縮小圖片？
- css3如何實現(xiàn)邊框陰影
- 怎樣用微信識別圖片中的文字？
- 美圖秀秀如何使圖片變清晰
- 如何把圖片無縫連接在一起
- 怎么把圖片改成jpg
- 如何將一張圖片添加到另一張圖片上？