兩種方法：

1.背景顏色和上面的元素顏色都半透明

.test1{background:#ffffff;opacity: 0.5; }

background：使用十六進制顏色代碼；

opacity：透明度，范圍0~1；（0為全透明，1為不透明）

2.背景顏色半透明，上面的元素不透明

.text2{background-color:rgba(255,255,255,0.5); }

background-color：rgba（x,x,x,y）;其中三位x表示rgb顏色，y范圍0~1表示透明度。

同一顏色透明度設置下對比圖：很明顯看到圖一的元素（文本框，按鈕和背景整體透明化）受背景影響偏暗；圖二背景透明，元素不透明。

可根據實際情況使用，感謝參考。

總結

以上是生活随笔為你收集整理的CSS部分设置背景颜色为半透明的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。