CSS背景透明內容不透明是一種很常見的設計技巧。它可以讓網頁的背景圖片或顏色透過一定程度的透明度，并且保持內容的不透明度，從而創造出更為藝術的效果。那么下面我們來詳細了解一下這種效果的實現方法。
首先，我們需要使用CSS的rgba屬性來設置背景顏色的透明度。"rgba" 表示紅、綠、藍和透明度，透明度值介于0到1之間，越靠近0表示背景越透明，越靠近1表示背景越不透明。下面是一個簡單的例子：

p {
background-color: rgba(255, 255, 255, 0.5);
/*設置為50%不透明度的白色背景*/
color: #333; /*文字顏色*/
padding: 10px; /*內邊距*/
}

在這個例子中，我們設置p標簽的背景顏色為白色，透明度為50%。這就意味著p標簽的文本內容可以透過背景顏色看到網頁的底層元素。
另外，我們還可以用CSS的"opacity"屬性來設置元素本身的透明度。這個屬性的值介于0到1之間，同樣是值越靠近0表示元素越透明，值越靠近1表示元素越不透明。下面是一個例子：

p {
background-color: #fff; /*背景顏色*/
color: #333; /*文字顏色*/
padding: 10px; /*內邊距*/
opacity: 0.7; /*元素透明度為70%*/
}

在這個例子中，我們設置了一個不透明度為70%的p標簽，同時背景色為白色。這樣，這個標簽內的文本內容可以被看到，但是看起來有點模糊。
總之，以上兩種方法分別可以實現背景透明但內容不透明的效果，都是非常實用的CSS技巧。希望這篇文章對你有所幫助！