文章詳情頁(yè)
css3 - 看設(shè)計(jì)識(shí)技術(shù)【CSS】
瀏覽:174日期:2023-08-07 08:26:06
問(wèn)題描述

上圖中,背景是圖片,但是上面覆蓋了一層黑色(?),這是怎么實(shí)現(xiàn)的?或者說(shuō)這種東西叫什么,我去看看。
問(wèn)題解答
回答1:1px 圖像蒙板透明元素蒙板 (bgc#000; op.3 / rbga)css3a. -webkit-filter (圖片亮度處理)b. -webkit-mask (透明層)沒記錯(cuò)的話, 以上方法都能夠?qū)崿F(xiàn). 兼容低級(jí)瀏覽器一般會(huì)使用前兩種.
回答2:透明度設(shè)置肯定是通過(guò)CSS屬性opacity來(lái)設(shè)置。
一個(gè)顯而易見的想法是“蓋”上一個(gè)黑色塊并設(shè)置覆蓋層為半透明黑…
但是把思維逆轉(zhuǎn)一下,就可以想到:把圖片設(shè)置為半透明,然后把圖片的容器設(shè)置為實(shí)色黑底色,不僅在結(jié)構(gòu)上更加簡(jiǎn)單,并且還能在透明失效時(shí)平穩(wěn)退化。
標(biāo)簽:
CSS
相關(guān)文章:
1. docker綁定了nginx端口 外部訪問(wèn)不到2. git - webstorm窗口中左側(cè)列表的文件名顏色怎么修改3. android權(quán)限被第三方安全軟件禁止,如何獲取該權(quán)限狀態(tài)4. javascript - 最近用echarts做統(tǒng)計(jì)圖時(shí)遇到兩個(gè)問(wèn)題!!5. docker images顯示的鏡像過(guò)多,狗眼被亮瞎了,怎么辦?6. javascript - 深夜被問(wèn)題困擾求解惑,rn的API之PermissionsAndroidd的問(wèn)題7. mysql - 我的myeclipse一直連顯示數(shù)據(jù)庫(kù)連接失敗,不知道為什么8. tp 6.0 數(shù)據(jù)查詢,求教!9. Discuz! Q 有人用過(guò)嗎?10. javascript - onclick事件點(diǎn)擊不起作用
排行榜

熱門標(biāo)簽
網(wǎng)公網(wǎng)安備