CSS鼠標(biāo)滑過顯示隱藏：實(shí)現(xiàn)讓網(wǎng)頁中某些元素在鼠標(biāo)懸停時(shí)顯示，離開時(shí)隱藏的效果，一般用于導(dǎo)航菜單，圖片展示等。 利用CSS的:hover偽類可以實(shí)現(xiàn)鼠標(biāo)滑過顯示隱藏的效果。我們可以使用display屬性來控制元素的顯示和隱藏，再結(jié)合:hover偽類，就可以實(shí)現(xiàn)鼠標(biāo)滑過顯示隱藏的效果。 下面是示例代碼： `````` 上面的代碼實(shí)現(xiàn)了一個(gè)簡單的導(dǎo)航菜單，初始狀態(tài)下菜單項(xiàng)是隱藏的，當(dāng)鼠標(biāo)滑過導(dǎo)航菜單時(shí)，菜單項(xiàng)就會(huì)顯示出來。 在這個(gè)示例中，我們使用了兩個(gè)CSS選擇器。首先，給菜單項(xiàng)添加了.menu-item類，并設(shè)置了display:none，即初始狀態(tài)下菜單項(xiàng)是隱藏的。然后，給.menu元素添加:hover偽類，當(dāng)鼠標(biāo)滑過時(shí)，選擇器.menu:hover .menu-item匹配所有.menu-item元素，并將它們的display屬性設(shè)置為block，即顯示出來。 需要注意的一點(diǎn)是，這里用到的是display屬性，當(dāng)元素的display值是none時(shí)，元素不會(huì)在頁面中占用空間。因此，當(dāng)菜單項(xiàng)顯示出來時(shí)，可能會(huì)導(dǎo)致頁面布局的變化，請(qǐng)合理設(shè)置元素的display屬性。