在Web開發中，經常需要設置元素的透明度。 CSS提供了一個屬性：opacity來完成這個任務。

opacity屬性的值從0到1。一個值為0的元素是完全透明的，而一個值為1的元素是完全不透明的。值介于0和1之間時，元素的透明度將根據給定的值進行照明。

.transparent {
opacity: 0.5;
}

以上代碼會使一個帶有transparent類的元素半透明。

不過，opacity屬性有一個缺點：它使元素及其子元素透明。這可能會導致意外的結果，尤其是在嵌套元素中使用時。

解決這個問題的方法是使用rgba顏色。 rgba代表紅，綠，藍和alpha（透明度），它允許您在RGB值之后指定一個透明度值。 alpha值介于0（完全透明）和1（完全不透明）之間。

.transparent {
background-color: rgba(0, 0, 0, 0.5);
}

以上代碼會使一個帶有transparent類的元素半透明，并且只會影響它自己的背景顏色，而不是元素的所有內容。