CSS是一種常用的前端語言，可以實現許多有趣的效果。其中一種就是圖片透明，但文字不透明的效果。接下來就介紹一下如何實現。

/*樣式*/
.container {
position: relative;
width: 300px;
height: 200px;
background: url(images/bg.jpg) no-repeat;
background-size: cover;
}
.container:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
}
.container p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 24px;
}

首先，我們需要一個包含圖片的容器，并設置為相對定位。然后使用:before偽元素添加一個半透明的背景，覆蓋在圖片上面。接下來，我們可以在容器里面添加文字，并為文字設置為絕對定位，讓文字在容器中間。最后，在CSS中控制文字的樣式即可。

使用這種方式，我們就可以方便地在圖片上添加文字，并且不會影響圖片的顯示效果。此外，根據需要調整偽元素的透明度和顏色，可以讓圖片透明度更加自然。希望這篇文章可以幫助你實現這種效果。