사이드 슬라이딩 내비게이션 막대 위에 h1 텍스트가 나타납니다.

Question

모바일 친화적 인 사이트를 만들기 위해 버튼을 누를 때 옆으로 튀어 나오는 메뉴가 있습니다. 이미지에 h1 텍스트가 포함 된 슬라이드 쇼에 부트 스트랩을 사용하고 있습니다. 이 그림 에서처럼 (직접적으로 넣을만한 평판 포인트가 없다, 미안) http://i.imgur.com/ODbbCKN.png. 이 기능은 모바일 브라우저/기기에서 가져온 것이 아니라 Chrome에서 가져 왔습니다.

슬라이드 쇼와 클릭 점의 텍스트가 메뉴와 겹치기 때문에 문제가 발생하지 않습니다. 나는 메뉴가 깨끗하고 깨끗해야한다.

이 문제를 해결하기 위해 z- 색인 값을 사용하려고했지만 각 항목에 할당 한대로 작동하지 않습니다. 어떤 제안?

Answer 1

좋은 소식! 나는 그 문제를 발견했다. 그것이 메뉴를 겹치기 때문에 h1 요소에만 z- 인덱스를 적용하려고했습니다. 대신 전체 부트 스트랩 캐 러셀에 1의 Z- 색인을 추가하려고 시도했습니다.

내 CSS 페이지로. 또한 슬라이딩 메뉴를 구성하는 모든 요소에 Z- 인덱스 값 9를 할당합니다.

Answer 2

z- 색인을 사용하는 경우 z- 색인을 적용하려는 요소에 position : relative와 같은 정적 이외의 위치가 있어야합니다. 또는 위치 : 절대;