버튼을 누르면 옆에서 튀어 나오는 메뉴가 포함 된 모바일 친화적 인 사이트를 만들려고합니다. 이미지에 h1 텍스트를 포함하는 슬라이드 쇼에 Bootstrap을 사용하고 있습니다. 이 사진처럼 (직접 입력 할 평판 포인트가 충분하지 않습니다 . 죄송합니다) http://i.imgur.com/ODbbCKN.png . 이것은 모바일 브라우저 / 기기에서 가져온 것이 아니라 Google 크롬에서 가져온 것입니다.
문제는 슬라이드 쇼의 텍스트와 클릭 점이 메뉴와 겹치는 것입니다. 나는 메뉴가 그것없이 명확하고 깨끗하기를 바랍니다.
이 문제를 해결하기 위해 Z- 인덱스 값을 사용하려고했지만 각 값에 무엇을 할당해도 작동하지 않습니다. 어떤 제안?
좋은 소식! 나는 문제를 발견했다. 나는 z-index를 h1 요소에만 적용하려고했는데, 그것이 메뉴와 겹치는 것이기 때문입니다. 대신 다음을 추가하여 전체 Bootstrap Carousel에 z-index 1을 지정하려고했습니다.
#myCarousel {
z-index: 1;
}
내 CSS 페이지로. 또한 슬라이딩 메뉴를 구성하는 모든 요소에 Z- 색인 값 9를 할당합니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다