在html中调整文本的选择区域

Question

我在120px h1的正下方有导航菜单，当我将光标悬停在导航的上部时，而不是选择列表项并触发a：hover，我的光标选择h1文本。换句话说，因为导航位于h1的下降区域，所以我的光标选择h1而不是导航。有问题的网站是：http://www.seunghomattyang.com/

我试着调整h1的z-index值为负数，这样导航会停留在h1的顶部，但它不起作用。我也尝试减少行高，但这似乎也没有工作。

是否有此问题的方法（除了使H1的图像）？我真的想避免在h1和导航之间创造太多的空间。

在此先感谢您的帮助。

Answer 1

设置#nav a包括position: relative;和z-index: 1;。 position: relative就是你想我想的。