1

マークアップでブートストラップを使用しています。私のマークはシンプルです、それはこのように見えます

   <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 questionを確認しましたが、問題は解決しません

iPhone の画像リンクをクリックできない

4

1 に答える 1

2

質問の解決策を見つけました。クリックしたい要素に 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;
}
于 2015-04-20T06:40:30.707 に答える