這篇文章主要介紹了CSS3如何為背景圖設(shè)置遮罩并解決遮罩樣式繼承問題,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
站在用戶的角度思考問題,與客戶深入溝通,找到單縣網(wǎng)站設(shè)計與單縣網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗,讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:成都網(wǎng)站建設(shè)、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、空間域名、網(wǎng)絡(luò)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋單縣地區(qū)。
工作中很多時候需要對圖片背景作處理,比如設(shè)置通透性,模糊處理等等
但是如果對背景圖所在標(biāo)簽直接設(shè)置這些效果的話,這些樣式會被子標(biāo)簽繼承。
例1: 給背景所在標(biāo)簽設(shè)置模糊效果,影響到了子標(biāo)簽內(nèi)的文字
Hello
解決方法:
為父標(biāo)簽中添加一個標(biāo)簽,令其絕對定位并鋪滿父標(biāo)簽,將背景 / 樣式設(shè)置在該標(biāo)簽內(nèi)。
Hello
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“CSS3如何為背景圖設(shè)置遮罩并解決遮罩樣式繼承問題”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!