昨天寫樣式遇到個問題，如何讓鼠標懸浮DIV后，顯示DIV外的按鈕，可以點擊到按鈕。

效果如下：

問題：

在DIV hover時候將按鈕設為display: block，這是很直接的想法，但是這有個問題，就是在懸浮出現按鈕后，鼠標要移到按鈕上過程中，離開了DIV經過間距時，按鈕就會消失。

解決辦法：

1. 選擇更大區域的DIV

這個時候hover出現的按鈕，由于鼠標還在DIV（大區域）中，所以按鈕是可以正常點到的。但這個方法問題在于擴大了觸發區域，如果本意上是要最初的DIV來觸發，那這個方法就不行。

2.增加一個不可見層

如藍色框所示，在DIV增加一個絕對定位的區域至按鈕底下，這樣在鼠標移到按鈕過程中，都屬于在DIV內部，按鈕也就不會消失。這個方法的好處在于，絕對適當的觸發區域。

總結

以上所述是小編給大家介紹的CSS鼠標懸浮DIV后顯示DIV外的按鈕解決方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對錯新站長站網站的支持！