CSS樣式表中有一種很有用的屬性,可以讓背景顏色透明而內容不變,那就是background中的透明度屬性,即opacity。
.transparent-background { background-color: rgba(255, 255, 255, 0.5); opacity: 1; }
在這個例子中,我們設置了一個背景顏色為白色的半透明層,其透明度為0.5,而內容不透明,即opacity設為1。
當然,我們也可以使用在background中直接設置透明度的方法,即使用rgba來定義背景顏色。
.transparent-background { background-color: rgba(255, 255, 255, 0.5); }
這兩種方法都可以實現讓背景顏色透明而內容不變,具體看個人喜好選擇哪種方法。