图片 link 在响应式视图中不可点击

Question

我在我的标记中使用 bootstrap。我的标记很简单，看起来像这样

   <div class="col-md-5 col-xs-8 col-xs-offset-2  col-md-offset-1 logo">
        <a href="www.google.com">
                        <img src="images/new/header_logo.png" alt="Test"/>            
        </a>
   </div>

它在桌面上运行良好，当我点击图像时它会将我带到 google.com。但它不适用于响应式视图。在响应视图中，如果我单击图像，它什么也不做。

我也试过这样

<div class="col-md-5 col-xs-8 col-xs-offset-2  col-md-offset-1 logo">
  <a href="www.google.com">
    <img src=images/new/header_logo.png" alt="Test" usemap="#maptest"/> 
  </a>
</div>
<map name="maptest">
  <area shape="rect" coords="0,0,128,128" href="www.google.com" alt="Test"/>
</map>

我也检查了以下Whosebug问题，它没有解决我的问题

Image link on iPhone is not clickable

Answer 1

我找到了我的问题的解决方案，我将 z-index 添加到我要单击的元素中

   <div class="col-md-5 col-xs-8 col-xs-offset-2  col-md-offset-1 logo">
        <a href="www.google.com">
                        <img src="images/new/header_logo.png" alt="Test"/>            
        </a>
   </div>

.logo {
   z-index:99999;
}