응답 내비게이션 바 문제

Question

내 사이트의 내 반응 형 탐색 모음에서이 문제가 발생합니다. 어떤 이유로 든 내 메뉴 항목 중 일부는 페이지 위에있는 요소 위에 놓이기보다는 요소 위에 놓이지 만 나에게있어 그 이유는 알 수 없습니다!

내 사이트 www.kenttrophies.co.uk입니다

내가 당황하고 같은 사람이 올바른 방향으로 날 지점하시기 바랍니다 수 있는지 궁금

!

은 아래 사이트의 미디어 쿼리가 킥 때 ... 내 문제를 보여주는 이미지 모든 답변을

많은 감사합니다! undefinedtoken 말한다처럼

Answer 1

에 position:relative를 추가합니다. 그래서 그냥 : #cssmenu {position : relative; z- 색인 : 20; }

페이지의 뷰 계층 구조를 제어하는 ​​데 도움이되므로 CSS Z- 색인을 읽어야합니다. 이 경우에는 #cssmenu가 높은 계층 구조를 가지므로 z- 인덱스를 할당합니다 (20 번을 무작위로 선택했지만 원하는 번호를 선택할 수 있음).

예 :

header {위치 : 상대; z- 색인 : 1; } 헤더 .title {위치 : 상대적; z- 색인 : 2; }

이 경우 헤더. 제목은 더 높은 (의미가 더 중요한) Z- 색인이 있기 때문에 제목은 항상 헤더 위입니다. (또한 z-index가 작동하려면 각 항목에 위치를 설정해야합니다.)

Answer 2

그냥하지만, 난 그냥 #cssmenu 메인 ID로 위치를 추가합니다, 당신의 #cssmenu > ul li a

#cssmenu > ul li a{ 
    position:relative; 
}