현재 웹 사이트를 개발 중이며 끈적 거리는 navbar가 있습니다. 나는 그것을 모두 작동시키지 만, 페이지를 아래로 스크롤하면, navbar는 페이지 내용 아래에 오히려 오버랩된다. 나는 내 모든 Z- 색인을 검사했고, 그것들은 모두 괜찮습니다. 그래서 그렇게되지는 않습니다.고정식 나비 막대를 사용하여 작업하기
아래에 jfiddle을 게시했지만 jfiddle을 처음 작성한 것이므로 뭔가 추가해야하는지 알려주세요.
감사합니다. 당신의 도움들에 대한 너무 많은
덕분에, 내 바보 논평했다 밝혀졌습니다. 보통 그 물건은 당신을 돕기로되어 있습니다.
문제는 제 라이브 사이트에서 여전히 작동하지 않습니다. 내 라이브 사이트에있는 nav의 배경은 이미지이며, 계속 이어지지 않는 것처럼 보입니다.
당신은 바이올린에 CSS 섹션의 상단에이 비트를 제거해야 :
다음* NAVIGATION **************************************************/
가 완벽하게 작동합니다, 당신의 코드 :
작동 원리 : http://jsfiddle.net/Gguxx/29/ –
허, 너는 완전히 옳다. 왜 이것은 라이브 사이트에서 작동하지 않습니다. –
* 모두 선택하기 때문에 .. 기술적으로 코멘트가 아니 었습니다. 필요합니다/* .. */ –
z- 색인은 위치 지정된 요소에서만 작동합니다. 예 :
.nav-container {
z-index: 99;
position: relative;
}
희망이 있습니다.
나는 위치를 추가했으나 아무것도 표시하지 않았다. 또한 콘텐츠에 위치 및 Z- 색인을 추가했으나 아무 것도 추가하지 않았습니다. –
왜 투표가 늦습니까? Z- 색인을 사용할 때 위치 추가가 필요합니다. 이것은 당신의 문제를 해결하지 못했을 지 모르지만, 여전히 적절한 CSS입니다. http://www.w3schools.com/cssref/pr_pos_z-index.asp – Jrn
주석이있는 위치를 이미 설정해 놓은 플러그인을 사용하고 있기 때문에 나는 당신을 다운 투표했습니다. 바이올린. 귀하의 답변은 중복되었습니다. –
것은 내가 때문에 말씀 드릴 수 없습니다 괜찮습니다 낮은 평판 때문에 여기에 게시하고 있습니다.
* NAVIGATION **************************************************/
은 CSS 규칙이 엉망입니다. 제거하면 끈적한 헤더가 잘 작동합니다. 메신저하는 .navbar-collapse.collapse을 두는 경우
이 위치는 작업 enter code herehttp://jsfiddle.net/ucRe/a
당신의 바이올린은 jQuery를 사용하도록 설정하지 않는 고정. 드롭 다운에서 jQuery를 선택하면 잘 동작합니다. –
@JoeSimmons가 먼저 도착했지만 jQuery가 활성화되어 있습니다. http://jsfiddle.net/Gguxx/8/ – Moob
@JoeSimmons이 작동하지만 jsfiddle에서 볼 수 있듯이 nav의 배경은 따르지 않습니다. . 거기에 배경이 있어야하기 때문에 내용을 스크롤하면 아무 것도 볼 수 없습니다. –