溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下css如何設置背景透明，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！
css設置背景透明的方法：首先新建文件，在div寫上對應的樣式；然后為div添加opacity樣式，透明效果實現了，父div的背景圖可以投射出來。
css設置透明背景的方法：
1、先寫些測試代碼，測試HTML很簡單，就是二個div，一個嵌套在另一個里面，代碼如圖。
2、然后為二個div寫上對應的樣式，如圖，都是一些比較基礎的css代碼，為了顯示透明效果，我們在樣式為p1的div里，添加了一張背景圖。
3、先看下還沒添加透明效果的頁面。
4、要添加透明效果，我們可以為div添加opacity樣式，這是css2的做法，代碼如圖，添加了一個樣式規則.opacity，并在p2 div里加上這個樣式名
5、看下設置了透明效果的頁面。
透明效果是實現了，父div的背景圖可以投射出來。但有一個缺陷，就是div上的文字變模糊了，因為也有了透明效果。
看完了這篇文章，相信你對“css如何設置背景透明”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
