2016-01-27 99 views
0

我想我的div點擊。但我已經測試了多種方式這是可能的,但它並沒有很好地工作:我的DIV無法點擊

<a href="https://www.telegram.me/shadyab_deal"> 
<div id="mob_link" class="home_right_banner_mob"> 
    <a href="https://www.telegram.me/shadyab_deal"> <img width="360px" height="130px" src="http://www.shadyab.com/assests/images/ic_mob_telegram.jpg"/> </a> 
</div> 
</a> 
+0

我jsfiddled你的代碼,它工作得很好:https://jsfiddle.net/2ngwbfz7/ –

+0

你的HTML結構是錯誤的,定位標記不是在另一個錨標記允許的。 – Krish

回答

1

html是錯誤的,請使用此

,並定義a標籤displayinline-block;

a{display:inline-block;vertical-align:top;}
<a href="https://www.telegram.me/shadyab_deal"> 
 
    <div id="mob_link" class="home_right_banner_mob"> 
 
     <img width="360px" height="130px" src="http://www.shadyab.com/assests/images/ic_mob_telegram.jpg"/> 
 
    </div> 
 
    </a>

第二個選項是用於這一有效HTML您可以

#mob_link a{display:block;}
<div id="mob_link" class="home_right_banner_mob"> 
 
    <a href="https://www.telegram.me/shadyab_deal"> 
 
      <img width="360px" height="130px" src="http://www.shadyab.com/assests/images/ic_mob_telegram.jpg"/> 
 
    </a> 
 
     </div>

0

與鏈接包裝塊級元素是允許在HTML 5只是這樣做。

<a href="https://www.telegram.me/shadyab_deal"> 
<div id="mob_link" class="home_right_banner_mob"> 
    <img width="360px" height="130px" src="http://www.shadyab.com/assests/images/ic_mob_telegram.jpg"/> 
</div> 
</a>