html - <a>标记内的图像和文本

这是生成的html asp.net(已删除一些标识客户端的详细信息)

在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>

最佳答案

您只能将块级元素放在具有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>

这应该达到相同的效果...