CSS是我們網頁設計中必不可少的一部分。除了能夠美化網頁之外，還能夠實現很多動態效果。然而，我們在使用CSS時也會遇到一些限制，其中一個限制就是CSS透明度無法過渡。

.box {
background-color: rgba(0, 0, 0, 0.5);
transition: opacity 1s ease-in-out; /* 過渡效果 */
}
.box:hover {
opacity: 0.8; /* 透明度自動從0.5變為0.8，不會過渡 */
}

在上面的代碼中，我們設置的是一個黑色半透明背景。我們希望當鼠標懸停在這個背景上時，背景透明度能夠從0.5變為0.8，以達到一種漸變的效果。但是，我們會發現不論我們怎么設置過渡效果，它都不會起作用，直接跳轉為目標狀態。

為什么CSS透明度無法過渡呢？這是因為CSS的透明度屬性不是一個標準的數值屬性，而是一個特殊的顏色屬性。這意味著，當我們在改變透明度時，它實際上是從一個顏色到另一個顏色的轉變。因此，過渡效果無法對顏色屬性進行處理，也就無法實現透明度的過渡效果。

那么我們有沒有什么辦法可以實現透明度的過渡效果呢？答案是：有的。我們可以通過使用transition實現兩個顏色（背景色和透明度）的過渡效果。例如下面的代碼：

.box {
background-color: black;
opacity: 0.5;
transition: background-color 1s ease-in-out, opacity 1s ease-in-out;
}
.box:hover {
background-color: black;
opacity: 0.8;
}

通過這種方式，我們先將背景色和透明度分開處理，然后將它們一起設置為過渡屬性，就可以實現透明度的過渡效果啦！

總之，我們在使用CSS透明度時需要注意，它不是一個標準的數值屬性，無法直接實現過渡效果。但我們可以通過分離顏色屬性，來實現透明度的過渡效果。這也告訴我們，我們在使用CSS時需要深入理解它的特性，才能更好地發揮它的作用。