调整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是你想念的。