CSS設置背景顏色透明度不影響子元素

2022-05-08 分類：網站建設

按背景顏色 background-color要設透明度0.85，讓背景圖片 background-image透一點出來，而且 background-color的值是后端傳過來的動態數據，背景顏色動態改變，UI同學給的數據全是6位HEX，需要設置透明度。

設置透明度首先會想到用opacity，但 opacity 會把被設置的元素及其子元素同時設置為同一個透明度，我需要子元素不透明，opacity就不能用了。

rgba的alpha值可以設透明度而不影響子元素。但是UI同學給的幾百個數據都是6位hex，所以需要手動把6位hex格式轉成rgb格式，再加上alpha值0.85寫成rgba(x, x, x, 0.85)。

網站名稱：CSS設置背景顏色透明度不影響子元素
本文路徑：http://m.kartarina.com/news7/151257.html

成都網站建設公司_創新互聯，為您提供面包屑導航、品牌網站制作、響應式網站、域名注冊、Google、網站排名

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容