CSS中,我們可以使用:hover偽類來實現(xiàn)鼠標(biāo)觸碰遮罩層的效果,以下是一個簡單的示例:
HTML部分:
<div class="mask"></div>
CSS部分:
.mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 999; } .mask:hover { background-color: rgba(0, 0, 0, 1); }
在這個示例中,我們創(chuàng)建了一個遮罩層,并使用了rgba顏色來設(shè)置半透明的背景,我們使用:hover偽類來檢測鼠標(biāo)是否懸停在遮罩層上,當(dāng)鼠標(biāo)懸停時,背景顏色會變?yōu)橥耆煌该?,從而實現(xiàn)鼠標(biāo)觸碰遮罩層的效果。
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。