CSS背景透明文字不透明或者子節點不透明

先上效果圖，如下

.

三個列表是透明的，而文字和圖標並未透明，實現代碼如下

background-color: rgba(255, 255, 255, 0.15);

沒錯，就這一行代碼就OK

背景顏色白色，但是不要使用16進制色，使用rgb色，因爲rgb色可以設置透明度——rgb最後一個參數0.15  （如上代碼），這樣設置的背景色就不會影響子節點和文字的透明度。

千萬不要使用 opacity:0.15;  這樣實現如圖效果就走遠了