CSS鼠標經過隱藏DIV是網頁設計中比較常見的效果之一，它可以讓頁面更加互動和生動。下面是具體的實現方法：

.hover-div {
display: none;
}
.hover-parent:hover .hover-div {
display: block;
}

上面的代碼中，我們首先定義了一個名為"hover-div"的類，然后將該類的"display"屬性設置為"none"，這樣這個DIV就會在頁面加載時隱藏。

接下來，我們在需要觸發隱藏效果的元素（稱為“父元素”）上添加:hover偽類，隨后定義"hover-div"元素的"display"屬性為"block"，這樣當鼠標懸停在父元素上時，“hover-div”將變成可見狀態。

下面是一個簡單的示例，演示了如何創建一個鼠標經過隱藏DIV的特效。

<div class="hover-parent">
<p>懸停在這里</p>
<div class="hover-div">
<p>這里是隱藏的文本</p>
</div>
</div>

在這個例子中，我們將要隱藏的DIV嵌套在一個類名為"hover-parent"的DIV中。當鼠標懸停在"hover-parent"上時，內部的隱藏DIV就會顯示出來。

總之，通過使用:hover偽類和"display"屬性，我們可以輕松地實現鼠標經過隱藏DIV的效果。這不僅可以讓頁面更加友好和生動，還能夠提高用戶體驗。