CSS中可以使用:hover偽類來隱藏鼠標(biāo)移上去的元素,下面是一個(gè)簡(jiǎn)單的例子:
.element { opacity: 1; transition: opacity 0.3s ease; } .element:hover { opacity: 0; }
在這個(gè)例子中,我們定義了一個(gè)名為.element的類,它有一個(gè)不透明度為1的默認(rèn)狀態(tài),我們使用:hover偽類來定義鼠標(biāo)移上去時(shí)的狀態(tài),將不透明度設(shè)置為0,使其完全透明,我們還添加了一個(gè)過渡效果,使元素的透明度變化更加平滑。
需要注意的是,這種方法僅適用于支持CSS3的瀏覽器,如果您需要支持較老的瀏覽器,可能需要使用JavaScript來實(shí)現(xiàn)鼠標(biāo)移上去時(shí)的隱藏效果。