在網頁開發中，我們經常需要使用背景透明的控件來美化頁面，但是有時候我們希望讓控件本身不透明，這時候該怎么做呢？

其實，CSS中有一個叫做opacity的屬性可以實現控件背景透明而控件本身不透明的效果。

.transparent-background {
background-color: #ffffff;
opacity: 0.8;
}

在上面的代碼中，我們設置了控件的背景顏色為白色，同時將opacity屬性設置為0.8，這樣就實現了背景透明而控件本身不透明的效果。

需要注意的是，opacity屬性會影響控件內部的所有元素，包括文字和圖片等。如果需要讓文字和圖片等元素不透明，可以使用rgba色彩模式來設置控件背景顏色，例如：

.transparent-background {
background-color: rgba(255, 255, 255, 0.8);
}

在上面的代碼中，我們使用了rgba色彩模式，其中第四個參數代表了透明度，這樣就只會影響控件背景顏色的透明度，而不會影響控件內部元素的透明度。

總之，通過opacity屬性或rgba色彩模式，我們可以方便地實現控件背景透明而控件本身不透明的效果，從而美化網頁。