CSS局部透明度是指在網頁設計中，實現讓某個元素只有局部透明度的效果。本文將為大家介紹該效果的實現方法。

/* HTML代碼 */
<div class="box">
<p>這是一段文字。</p>
<img src="image.jpg" alt="圖片">
</div>
/* CSS代碼 */
.box{
position: relative;
}
.box p{
background-color: rgba(255, 255, 255, 0.6);
}
.box img{
position: absolute;
top: 0;
left: 0;
z-index: -1;
opacity: 0.5;
}

上述代碼中，我們將目標元素Box設置為relative定位，將文字p背景顏色設為rgba(255,255,255,0.6)，即白色，不透明度為0.6，實現局部透明效果。而圖片img的定位采用絕對定位，放在Box中的最底部，z-index設置為負數，保證圖片不會蓋住文字。此外，圖片的透明度為0.5，實現局部透明效果。

通過使用這種方法，我們可以輕松地實現HTML元素的局部透明效果，讓網頁設計更加精致，展現出更好的視覺效果。