CSS的不透明屬性（opacity）是用來(lái)控制元素的透明度的。在CSS中，opacity屬性的值可以設(shè)置為介于0和1之間的數(shù)字。0表示完全透明，1表示完全不透明。

然而，CSS的不透明屬性在一些情況下并不是很實(shí)用。它可以控制元素的整體透明度，但不能單獨(dú)控制元素中某一部分的透明度。例如，如果你想要一個(gè)圖片在鼠標(biāo)懸停時(shí)變得半透明，就需要使用JavaScript來(lái)實(shí)現(xiàn)。

img:hover {
opacity: 0.5;
}

除了無(wú)法單獨(dú)控制元素中某一部分的透明度外，CSS的不透明屬性在某些瀏覽器上也有兼容性問(wèn)題。例如，Internet Explorer 8及以下的版本不支持CSS opacity屬性。

為了解決這些問(wèn)題，CSS3中引入了新的屬性：rgba。通過(guò)設(shè)置rgba屬性，可以同時(shí)控制元素的RGB值和透明度，解決了無(wú)法單獨(dú)控制元素中某一部分的透明度的問(wèn)題，并且兼容性也比CSS opacity更好。

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

另外，CSS3還引入了新的屬性：hsla。和rgba類似，通過(guò)設(shè)置hsla屬性，可以控制元素的HSL（色相、飽和度、亮度）值和透明度。

background-color: hsla(120, 60%, 70%, 0.5);

總之，CSS的不透明屬性雖然簡(jiǎn)單易用，但在一些場(chǎng)景下并不夠?qū)嵱谩Ｍㄟ^(guò)使用CSS3中的rgba和hsla屬性，我們可以更加自由地控制元素的透明度。