Html 我的悬停下拉菜单隐藏在内容（图像）后面。我也使用z-index。但并没有得到例外的结果

我用codeigniter为我的照片库制作了一个导航菜单，并使用fancybox弹出图像。但当我在菜单中使用下拉菜单时，下拉部分会转到图像后面，我在css中使用z索引，但没有得到任何解决方案。我给我的代码和屏幕简短。请帮帮我

我的导航html代码：

<div id='cssmenu'>
        <ul>
            <li><a href="<?php echo base_url(); ?>">Home</a></li>
            <li><a href="<?php echo base_url(); ?>gallery/official">Official Photo</a></li>
            <li><a href="<?php echo base_url(); ?>gallery/program">Program</a></li>
            <li ><a href="#">Foreign Photo</a>
                <ul class="sub-menu" >
                    <li><a href="#">Test</a></li>
                    <li><a href="#">Test1</a></li>
                    <li><a href="#">Test2</a></li>
                </ul>
            </li>
            <li><a href="<?php echo base_url(); ?>upload">Upload</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
      </div>

---

navbar div父对象应为position:relative，其z索引应大于照片库父对象的容器，该容器也应为position:relative。这可能会解决问题。

你能在这里共享网站链接吗？你的代码片段对我不起作用。。你能为你的问题添加一个现场演示吗？

<div class="row">
    <?php foreach ($image as $value) { ?>
    <div class="col-md-3 pic"><a class="fancybox" rel="gallery1" href="<?php echo base_url() . "gallery/$value->name" ; ?>" title="<?php echo $value->name; ?>"><img class="pici" src="<?php echo base_url() . "gallery/$value->name" ;?>" height="140" width="100%" ></a></div>
    <?php } ?>
</div>