在codeigniter中

Question

我正在开发codeigniter。我的网站上有图像，当我在图像上点亮然后弹出并显示更大的图像，但弹出的图像显示在导航栏后面。

在css中显示我正在制作导航栏1的z索引并弹出图像z索引2显示我的问题已解决..

但现在问题是当我向下滚动然后我的导航栏在文本和图像后面（我的导航栏已修复）。

这是我的弹出图片的HTML代码

<div class="container">
  <div class="row">
    <h6>
        Lalco Residency offers you a host of world-class amenities that are guaranteed to make your stay a pleasurable experience.</h6>

      <div class="col-lg-3 col-sm-4 col-xs-6"><a class="fancybox" title="Image 1" href="<?php echo base_url('assets/img/amenities/amen_0002.jpg');?>"><img class="thumbnail img-responsive" src="<?php echo base_url('assets/img/amenities/BADMINTON-COURT.jpg');?>"></a></div>
      <div class="col-lg-3 col-sm-4 col-xs-6"><a class="fancybox" title="Image 1" href="<?php echo base_url('assets/img/amenities/amen_0012.jpg');?>"><img class="thumbnail img-responsive" src="<?php echo base_url('assets/img/amenities/CONFERENCE-HALL-PARTY-HALL.jpg');?>"></a></div>
      </div>
   </div>

这是我的导航栏代码

<div class="header-navi">
      <div class="container">
        <div class="row">
          <div class="col-md-12" id="bs-example-navbar-collapse-1">
            <div class="row">
              <div class="col-lg-5 col-md-5 col-sm-12">
                <ul class="nav navbar-nav main-nav">
                    <li class="active"><a href="<?php echo base_url('home'); ?>">Home</a></li>
                  <li class="has-submenu">
                      <a href="<?php echo base_url('rooms');?>">Rooms</a>
                  </li>
                  <li><a href="<?php echo base_url('amenities');?>">Amenities</a></li>
                  <li><a href="<?php echo base_url('services');?>">Services</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

请帮我找出解决方案。