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;
}

div内的锚标记不起作用

2 个答案: