CSS是網(wǎng)頁設(shè)計(jì)中的必備技能，其中背景透明是很常見的需求。但是，有時(shí)候我們需要父元素的背景透明，而其子元素的內(nèi)容卻不受影響。那么該怎么做呢？

.parent{
background-color: rgba(255,255,255,0.5); /*這里設(shè)置了半透明的白色背景*/
position: relative; /*一定要設(shè)置為相對定位，以便其子元素可以根據(jù)其位置進(jìn)行定位*/
 }
.child{
position: absolute; /*子元素設(shè)置為絕對定位*/
top: 50%;
left: 50%;
transform: translate(-50%,-50%); /*居中顯示*/
background-color: #fff; /*設(shè)置子元素的背景*/
 }

在上面的代碼中，我們先設(shè)置了父元素的背景為半透明的白色。注意，這里的顏色值需要使用rgba()函數(shù)，以便我們能夠設(shè)置透明度。接著，我們設(shè)置了父元素為相對定位。然后，我們在父元素中添加了一個(gè)子元素，并設(shè)置其為絕對定位，以便我們可以方便地根據(jù)其位置來進(jìn)行定位。子元素的背景色可以隨意設(shè)置。通過這樣的設(shè)置，父元素的背景雖然是半透明的，但子元素的內(nèi)容卻不受影響，可以保持完全不透明。