Ссылка на изображение не реагирует на клики в адаптивном представлении

Question

Я использую загрузчик в моей разметке. Моя оценка проста, это выглядит так

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

Также я проверил следующий вопрос stackru, он не решает мою проблему

Ссылка на изображение на iPhone не активна

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