CSS透明度是設置HTML元素透明或不透明的一種方式。在CSS中，我們可以通過設置元素的opacity屬性來控制不透明度。值為0表示完全透明，值為1表示完全不透明。

然而，許多開發人員在設置透明度時會出現字體也變得透明的問題。這究竟是怎么回事呢？

.box {
background-color: #fff;
opacity: 0.5;
color: #000;
}

以上的代碼設置了一個背景顏色為白色的元素，將透明度設置為50%，且字體顏色為黑色。但是，當你運行代碼時，你會發現文本的顏色也變成了半透明的。這是因為CSS的透明度屬性會同時影響元素和元素內的所有內容，包括文本。

那么如何才能只讓元素的背景透明而不影響文字呢？我們可以選擇使用RGBA()顏色值。RGBA代表的是紅、綠、藍和alpha通道值。alpha通道值就是透明度屬性。

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

以上代碼設置了一個背景顏色為白色的元素，將透明度設置為50%。由于我們使用了RGBA顏色值，只設置了背景顏色的透明度，不影響文本的透明度。

總之，你可以使用opacity屬性來使整個元素變為半透明，如果你只需要元素的背景半透明而不影響文本，你可以使用RGBA顏色值。希望這篇文章對你有所幫助。