a中嵌套div的问题

一般情况下,如果我们在网页中加入以下代码:

<a href="#" onclick="lotro_MouseOver('page02')"" mce_href="http://sina.com" target="_blank">
    <div>
         <img src="http://images.cnblogs.com/fhy_btn.png" mce_src="images/fhy_btn.png" />
    </div>
</a>

  

visual studio会告诉我们 Element 'div' cannot be nested within element 'a'.
但在各浏览器中,这段代码可以正常执行,不会出什么问题。

但如果把a标签的内容改成:

<a id="_LinkButton" href="javascript:__doPostBack('_LinkButton','')">
     <div id="hy_btn">
          <img src="http://images.cnblogs.com/hy_btn.png" mce_src="images/hy_btn.png" />
     </div>
</a>

  

这是用了LinkButton后的客户端输出内容,脚本放在了href中,这时如果在firefox 3.5.1或是IE8里,也是正常运行的;

但是,在IE5.5/IE6/IE7/Chrome中运行就不正常了,在IE5.5/IE6/IE7中是这个链接根本点击没有效果,在Chrome中,

点击之后会重新加载页面,但实际并没有PostBack。

原文地址:https://www.cnblogs.com/honker/p/3774424.html