div内的锚标记不起作用

Question

我想在div内添加一个锚点。我设置了style="z-index: 1000;" 给父母div 。 但它不起作用：

<?php

    <!-- Image  -->     
    <div class="content" style="cursor: pointer;" >
      <div class="mask_wrap" style="z-index: 1000;"> 
        <a href="{{base_url()}}offers/{{$o->url}}"> // start my anchor 
        <div class="mask_cont" > 


          <!-- info BOTTOM -->

          <div class="item_more">
            <div style="margin:0 70px"><a href="{{base_url()}}offers/{{$o->url}}" class="hover_more"></a> @if($moment )
              <div class="cat5" style="cursor:unset">پیشنهاد از لحظه خرید</div>
              @endif
              <div class="mantaghe">{{$o->zone}}</div>
              <div class="buyi"> {{$o->current_users}} خرید </div>
            </div>
          </div>
        </div>
        </a>  //end my anchor

Answer 1

z-index需要位置，默认情况下，该位置设置为静态，因此z-index无效。 因此，您可以应用相对或绝对或固定位置：

<div class="mask_wrap" style="z-index: 1000;position: relative"> 

Answer 2

将此添加到您的样式

.mask_wrap {
    position:relative;
}
.mask_wrap a:after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
}