要实现顶部悬停导航效果，可以使用 CSS 中的 position 属性和 z-index 属性。
首先，将导航栏的 position 属性设置为 fixed，这样导航栏就会固定在页面的顶部。然后，将导航栏的 z-index 属性设置为一个比其他元素大的值，这样导航栏就会在其他元素之上显示。
例如，可以这样设置导航栏的样式：
nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #fff;
z-index: 9999;
}这样就可以实现顶部悬停导航效果了。需要注意的是，由于导航栏是固定在页面顶部的，因此在页面滚动时，导航栏会一直保持在顶部，可能会遮挡其他元素，因此需要对其他元素进行相应的调整。