Wordpress本地开发环境图像(Wordpress local dev environment image)

 根据你的评论，在这种情况下，我会使用CSS唯一的方法。 因为你的客户端想要它在Mobile上，所以简单地使父容器位置相对，并使你想要点击的链接绝对具有更高的z-index，并使其填充容器，如下所示： 
 
 
 
 
 
  
/*Demo styling */
.Box {
  height: 200px;
  width: 200px;
  background: #f0f0f0;
}
body > * + * {
  margin-top: 10px;
}

/*Suggested styling */
@media screen and (max-width: 1024px) {
  .Box {
    position: relative;
  }
  .Box .Link {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;
    left: 0;
    top: 0;
  }
}
 
  
<div class="Box">
    <img src=../image.jpg>  
    <div class="mask">
        <a href="link" class="Link">
        <a href="link2">
    </div>
</div>
<div class="Box">
    <img src=../image.jpg>  
    <div class="mask">
        <a href="link" class="Link">
        <a href="link2">
    </div>
</div>
<div class="Box">
    <img src=../image.jpg>  
    <div class="mask">
        <a href="link" class="Link">
        <a href="link2">
    </div>
</div>
 
 
 
 

Based on your comment, in that case I would use a CSS only approach. Since your client wants it on Mobile anyways simple make the parent container position relative and make the link you want to be clickable position absolute with a higher z-index and make it fill the container like so:
 
 
 
 
 
  
/*Demo styling */
.Box {
  height: 200px;
  width: 200px;
  background: #f0f0f0;
}
body > * + * {
  margin-top: 10px;
}

/*Suggested styling */
@media screen and (max-width: 1024px) {
  .Box {
    position: relative;
  }
  .Box .Link {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;
    left: 0;
    top: 0;
  }
}
 
  
<div class="Box">
    <img src=../image.jpg>  
    <div class="mask">
        <a href="link" class="Link">
        <a href="link2">
    </div>
</div>
<div class="Box">
    <img src=../image.jpg>  
    <div class="mask">
        <a href="link" class="Link">
        <a href="link2">
    </div>
</div>
<div class="Box">
    <img src=../image.jpg>  
    <div class="mask">
        <a href="link" class="Link">
        <a href="link2">
    </div>
</div>