항상 navbar를 보이게하십시오 (무엇보다도)

Question

navbar를 무엇보다 먼저 만들 수있는 방법이 있습니까? 또한 main.css 코드 점화기를 조작했지만 아무런 결과가 없습니다. 헤더를 사용하는 이유를 모르겠지만 페이지에 하나가 있습니다. 다음은 내 문제를 나타내는 이미지입니다.

.

코드 부분;

<div id="navbar"> 
    <nav class="navbar navbar-default navbar-static-top" role="navigation"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="#">Brand</a> 
     </div> 
     <div class="collapse navbar-collapse" id="navbar-collapse-1"> 
      <ul class="nav navbar-nav"> 
       <li class="active"> 
        <a href="#">Active Link</a> 
       </li> 
       <li> 
        <a href="#">Link</a> 
       </li> 
       <li class="dropdown"> 
        <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
         Dropdown 
         <b class="caret"></b> 
        </a> 
        <ul class="dropdown-menu" data-no-collapse="true"> 
         <li class="kopie"> 
          <a href="#">Dropdown</a> 
         </li> 
         <li> 
          <a href="#">Dropdown Link 1</a> 
         </li> 
         <li class="active"> 
          <a href="#">Dropdown Link 2</a> 
         </li> 
         <li> 
          <a href="#">Dropdown Link 3</a> 
         </li> 
        </ul> 
       </li> 
      </ul> 
     </div> 
    </nav> 
</div> 

Answer 1

현재 CSS가 무엇인지 알 수 없으며 아래 div 또는 섹션의 코드는 무엇인지 ...하지만 CSS에 추가해야합니다. 그리고 Z- 인덱스를 100 이하로 유지하십시오.

#navbar {position:relative; z-index:50;}   /* Navbar is on top */ 
#idOfContentHere {position: relative; z-index:0} /* Your content is not on top */ 

Answer 2

죄송합니다. 나는 stackoverflow에서 좀 더 새로운 게시물입니다.

.navbar-default { 
background-color: #fff; 
background-color: rgba(255, 255, 255, 0.85); 
background: -webkit-linear-gradient(#FFF, rgba(255, 255, 255, 0.8)); /* For Safari 5.1 to 6.0 */ 
background: -o-linear-gradient(#FFF, rgba(255, 255, 255, 0.8)); /* For Opera 11.1 to 12.0 */ 
background: -moz-linear-gradient(#FFF, rgba(255, 255, 255, 0.8)); /* For Firefox 3.6 to 15 */ 
background: linear-gradient(#FFF, rgba(255, 255, 255, 0.8)); /* Standard syntax */ 
border-radius: 0 0 5px 5px; 
border: 0; 
margin: 0; 
padding: 0; 
-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); 
-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); 
box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); 
overflow: hidden; 
} 
.navbar-default .first a { 
    border-radius: 0 0 0 5px; 
} 
.navbar-default .navbar-brand { 
    margin-right: 50px; 
    margin-left: 20px; 
    width: 200px; 
    height: 78px; 
    background-image: url("img/logo-uanl.png"); 
    background-repeat: no-repeat; 
    background-position: 0 50%; 
} 
.navbar-default .navbar-nav > li { 
    margin-left: 1px; 
} 
.navbar-default .navbar-nav > li > a { 
    padding: 20px 25px; 
    font-size: 16px; 
    line-height: 18px; 
    color: #666; 
} 
.navbar-default .navbar-nav > li > a > i { 
    display: inline-block; 
} 
.navbar-default .navbar-nav > li.active > a, 
.navbar-default .navbar-nav > li.active:focus > a, 
.navbar-default .navbar-nav > li.active:hover > a, 
.navbar-default .navbar-nav > li:hover > a, 
.navbar-default .navbar-nav > li:focus > a, 
.navbar-default .navbar-nav > li.active > a:focus, 
.navbar-default .navbar-nav > li.active:focus > a:focus, 
.navbar-default .navbar-nav > li.active:hover > a:focus, 
.navbar-default .navbar-nav > li:hover > a:focus, 
.navbar-default .navbar-nav > li:focus > a:focus { 
background-color: #73AF01; 
color: #fff; 
} 

헤더는 다음과 같습니다 : 이 네비게이션 바로 다스 려 main.css가의 일부입니다 오버 플로우 : 그것을 해결

#header 
{ 
position: fixed; 
top: 0; 
left: 0; 
width: 120%; 
z-index: 100000; 
} 

Answer 3

... 문제의 "숨겨진"속성이었다. 이 사건과 같은 사건에 대해서는 "보이는"속성의 사용을 권장하거나 단순히 "오버플로"를 사용하지 말아야합니다.