CSS是一種用來設計網(wǎng)頁樣式的語言,其中有一個特性是可以設置元素的透明度,但有些網(wǎng)頁設計師需要設置窗口透明,但內(nèi)容不透明,該怎么實現(xiàn)呢?
/* CSS代碼 */ .background { opacity: 0.5; /* 設置窗口透明度為50% */ background-color: #000000; /* 設置背景顏色為黑色 */ } .content { opacity: 1; /* 設置內(nèi)容不透明 */ }
以上樣式代碼中,.background類表示窗口,使用opacity屬性設置窗口的透明度為0.5,即50%。同時設置窗口的背景顏色為黑色。.content類表示窗口中的內(nèi)容,在不影響窗口透明度的基礎上使用opacity屬性設置內(nèi)容不透明。
這樣,我們就可以實現(xiàn)窗口透明,但內(nèi)容不透明的效果了!