탐색 바는 이미지

 <!DOCTYPE html> 
     <html lang="en"> 
     <head> 
       <meta charset="utf-8"> 
       <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
       <meta name="viewport" content="width=device-width, initial-scale=1"> 
       <link href="css/bootstrap.min.css" rel="stylesheet"> 
      <link href="css/full-slider.css" rel="stylesheet"> 
       <link href="css/welcome.css" rel="stylesheet"> 
       <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
    <title>VMS</title> 
</head> 
<body> 
    <nav class="navbar navbar-inverse navbar-fixed-top " role="navigation"> 
    <div class="container-fluid"> 
     <div class="navbar-header"> 
     <a class="navbar-brand" href="/">Visitor Mangement System</a> 
     </div> 
     <ul class="nav navbar-nav"></ul> 
     <ul class="nav navbar-nav navbar-right"> 
     <li><a href="{{URL::to('logout')}}"> 
      <span style="color:white"></span> 
      <span class="glyphicon glyphicon-log-in"></span></a></li> 
     </ul> 
     <ul class="nav navbar-nav navbar-right"> 
     <li><a href="{{URL::to('register')}}"><span class="glyphicon glyphicon-user"></span> Register</a></li> 
     <li><a href="{{URL::to('login')}}"><span class="glyphicon glyphicon-log-in"></span> Login</a></li> 
     <ul class="nav navbar-nav"> 
      <li class="dropdown"> 
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">Visitor<span class="caret"></span></a> 
      <ul class="dropdown-menu"> 
       <li><a href="{{URL::to('visitorlogin')}}">Login</a></li> 
       <li><a href="{{URL::to('visitorregisterandcheckin')}}">Register and Check In</a></li> 
       <li><a href="{{URL::to('bookedcheckin')}}">Booked Check In</a></li> 
       <li><a href="{{URL::to('visitorcheckin')}}">Check In</a></li> 
       <li><a href="{{URL::to('visitorcheckout')}}">Check Out</a></li> 
      </ul> 
      </li> 
      <li class="dropdown"> 
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">Employee<span class="caret"></span></a> 
      <ul class="dropdown-menu"> 
       <li><a href="{{URL::to('employeelogin')}}">Login</a></li> 
       <li><a href="{{URL::to('employeecheckin')}}">Check In</a></li> 
       <li><a href="{{URL::to('employeecheckout')}}">Check Out</a></li> 
      </ul> 
      </li> 
      <li class="dropdown"> 
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">Administrator<span class="caret"></span></a> 
      <ul class="dropdown-menu"> 
       <li><a href="{{URL::to('adminlogin')}}">Login</a></li> 
       <li><a href="{{URL::to('admincheckin')}}">Check In</a></li> 
       <li><a href="{{URL::to('admincheckout')}}">Check Out</a></li> 
      </ul> 
      </li> 
     </ul> 
     </ul> 
    @endif 
    </div> 
    </nav> 
    <header id="myCarousel" class="carousel slide"> 
    <ol class="carousel-indicators"> 
     <li data-target="#myCarousel" data-slide-to="0" class="active"></li> 
     <li data-target="#myCarousel" data-slide-to="1"></li> 
     <li data-target="#myCarousel" data-slide-to="2"></li> 
    </ol> 
    <div class="carousel-inner"> 
     <div class="item active"> 
      <div class="fill" style="background-image:url('images/img1.jpg');"></div> 
     </div> 
     <div class="item"> 
      <div class="fill" style="background-image:url('images/img2.jpg');"></div> 
     </div> 
    </div> 
    <a class="left carousel-control" href="#myCarousel" data-slide="prev"> 
     <span class="icon-prev"></span> 
    </a> 
    <a class="right carousel-control" href="#myCarousel" data-slide="next"> 
     <span class="icon-next"></span> 
    </a> 
</header> 
<script src="js/jquery.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script> 
$('.carousel').carousel({ 
    interval: 3000 //changes the speed 
}) 
</script> 
</body>

탐색 바는 이미지

내가 탐색 줄이 아래 회전 목마 이미지 뒤에있는 carousel.There 탐색 모음 buttons.But 다운 메뉴 바에서 드롭 드롭 다운입니다가는 동안 드롭 다운. 회전 목마 위에서 드롭 다운을 원해. 어떤 도움이 가장 환영 받는다.

출처

2017-03-28 Nivas

일부 이미지는 문제의 게시물을 게시 하시겠습니까? 코드를 실행할 수는 있지만 문제를 재현 할 이미지가 없습니다. 어쩌면 바이올린을 만드시겠습니까? –

시도 회전식보다

.dropdown-menu{ 
    z-index: 123; 
}

주고 Z 색인 값 이상이다.

출처

2017-03-28 06:24:27

해결 되었습니까? –

아니요 ... 코드를 삽입합니다. 코드가 있는지 확인하십시오. – Nivas

– Nivas

세트는 두 요소

.navbar { 
    position: relative; 
    z-index: 100; 
} 

.carousel { 
    position: relative; 
    z-index: 50; 
}

z-index 높은

위한 Z- 색인 다른 이상으로 상승한다.

출처

2017-03-28 06:25:47

선생님, 시도해 보았지만 제대로 작동하지 않습니다. – Nivas

위치를 시도해 보았습니다. 친척도 ...하지만 불행히도 저 역시 저를 위해 일하지 않았습니다. – Nivas

전체 코드를 다시 게시 할 수 있습니까? – Nivas

탐색 바는 이미지

답변

관련 문제