html로 텍스트의 선택 영역 조정

Question

큰 120px h1 바로 아래에 탐색 메뉴가 있습니다. 커서를 탐색 항목의 위쪽으로 가져 가면 목록 항목을 선택하고 a : 호버를 트리거하는 대신 내 커서가 h1의 텍스트. 즉, 탐색이 h1의 디 센더 영역에 있기 때문에 내 커서가 탐색 대신 h1을 선택합니다. 문제의 웹 사이트는 다음과 같습니다.

h1의 z- 색인 값을 음수로 조정하여 탐색을 h1 위에 유지하려고했지만 작동하지 않았습니다. 나는 또한 선 높이를 줄이려고 시도했지만 그 중 하나는 작동하지 않았다.

(h1의 이미지를 만드는 것 외에)이 문제를 해결할 수있는 방법이 있습니까? h1과 탐색 사이에 너무 많은 공간을 만들지 않으려 고합니다.

미리 도움을 주셔서 감사합니다.

Answer 1

position: relative; 및 z-index: 1;을 포함하도록 #nav a을 설정하십시오. position: relative은 제가 생각한 것입니다.