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

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-индекс к элементу, который я хочу нажать

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