在CSS中，我們經常會使用背景透明來增強頁面的美感，但是有時候我們會遇到這樣的問題：當我們設置一個元素的背景色透明后，內部的圖片也會繼承這個透明度，這會使圖片看起來變得模糊不清，從而降低了用戶的體驗。那么該怎么解決這個問題呢？

其實，解決方法很簡單。我們可以使用CSS的rgba()函數來設置背景色的透明度。此時，元素的透明度只會作用于背景色，而不會影響內部的圖片。下面是示例代碼：

.container {
background-color: rgba(255, 255, 255, 0.5);
}
.container img {
opacity: 1;
}

如上代碼所示，我們將 .container 的背景色設置為白色，透明度為0.5（注意，這里使用 rgba() 函數來設置背景色）。接著，我們將 .container img 的不透明度設置為1。這樣就可以保證圖片不繼承父元素的透明度，保持清晰度。

總之，當我們需要使元素的背景透明時，可以使用CSS的rgba()函數來實現，避免圖片的模糊問題。