在响应式视图中无法单击图像链接

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>

此外，我已经检查了以下stackoverflow问题，它没有解决我的问题

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