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

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

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

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

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

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

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

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