即使z索引使用正值，导航链接也不起作用

Question

我有一个标题div，在其下方有一个导航栏和一个作为其覆盖层放置的功能区。下图是我的设计。我的代码如下。 Link to the Image

.rectShape {
        position: relative;
        z-index: 1;
        margin-top: -10%;
        margin-left: 0px;
    }

<div class="container-fluid containerWidth">
        	<div class="row">
		        	  	  <div class="col-sm-12 rectShape">
		        		     <img src="assets/img/nav_ribon.png"	 alt="">   
		        		</div>
		        </div>	
	   	  </div>