html - <a> 标签内的图片和文字

Question

这是 asp.net 生成的 html(删除了一些客户端识别细节)

在 Windows XP/IE 7 中，点击图像没有任何反应。单击文本执行超链接。右键单击任意位置，然后选择 open in new window 或 open 也可以。

在其他浏览器中，一切正常。

有什么简单的任何人都可以看到我可以对此做些什么来让它在 IE7 中正常工作吗？

<div id="hdrXXX">                      
            <a id="ctl00_XXX" title="XXX" class="hdrXXX" href="http://google.com" target="_blank">
                 <div style="float:left;display: block;"> 
                    <img id="ctl00_XXX" src="Images/XXX.png" style="border-width:0px;" />
                </div>
                <div style="float:left; display: block; padding:15px 0 0 0;"> 
                    <span id="XXX">Some text right here</span>

                </div>
            </a>  
       </div>  

Answer 1

您只能将 block 级元素放入 HTML5 的 anchor 元素中，浏览器支持仍然有点不确定。 IE7显然不支持这个。

你不需要使用除法来做到这一点:

<div id="hdrXXX">                      
    <a id="ctl00_XXX" title="XXX" class="hdrXXX" href="http://google.com" target="_blank">
        <img id="ctl00_XXX" src="Images/XXX.png" style="border: 0; float: left; margin-right: 15px" /> 
        <span id="XXX">Some text right here</span>
    </a>  
</div>

这应该会产生同样的效果......