2016-01-27 98 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>