html – 标签内的图像和文本

前端之家收集整理的这篇文章主要介绍了html – 标签内的图像和文本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是生成的html asp.net(删除了一些客户识别详细信息)

Windows XP / IE 7中单击图像什么都不做.单击文本执行超链接.右键单击任何地方,然后在新窗口中选择打开或打开也可以.

在其他浏览器中,它都按预期工作.

有没有什么简单的人可以看到,我可以做到这一点,使其在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元素的内部,而HTML5和浏览器支持仍然有点iffy. IE7显然不支持这个.

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

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

这应该有同样的效果

猜你在找的HTML相关文章