CSS背景設為不透明，可以讓頁面更加生動，增加頁面的美觀度。不透明度可以通過設置opacity屬性來實現(xiàn)。

background-color: rgba(255, 0, 0, 0.5);

上面代碼中，rgba()函數(shù)中的第四個參數(shù)0.5代表不透明度，取值范圍為0到1。數(shù)值越大，不透明度越低，也就是越透明。

opacity: 0.5;

如果只是想讓整個元素不透明，而不是背景不透明，可以使用opacity屬性。這個屬性的取值也是0到1。數(shù)值越大，元素越不透明。

需要注意的是，設置不透明度時要考慮到元素內部的所有內容都會被影響。如果只想讓背景不透明而不是包括元素內部內容，可以使用偽元素來實現(xiàn)。

div {
position: relative;
}
div::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 0, 0, 0.5);
z-index: -1;
}

這段代碼會在div元素的內容之前插入一個透明度為0.5的紅色背景層，不影響div內部的內容。需要注意的是，要設置偽元素的z-index為負值，使其在內容后面。