IE7为什么在鼠标悬停时移动DOM元素？

| 所以我有一个只有两列和一行的表。第二个td保留一个图像，第一个td保留文本。我希望包含图像的td尽可能在其中包含该图像的最小尺寸，并且第一个td可以填充剩余空间。以下功能适用于除IE7（我们未使用IE6）之外的所有浏览器： 
<table> <tr><td style=\"width:100%;\">TEXT</td><td><img src=\"jpg\" alt=\"jpg\" /></td></tr> </table>
 这是怎么回事： 页面正确呈现，然后将鼠标悬停在表格上时，第一个td会展开以填满整个表格，将图像推离边缘。 我可以使用一些jQuery来解决此问题，以测量图像的宽度并计算第一个td的余数；但是该解决方案充满了LAME！ 请帮忙。我不明白为什么IE7感觉需要重绘它的方式。     
2020-02-23 6 条评论
分享

没有找到相关结果

    已邀请:

    烷刨画颠离

            请尝试以下代码。不要显式声明宽度太大，而应尝试显式声明宽度太小（因为图像无论如何都会使宽度超过1％。） 我实际上是在没有看过IE7的情况下写这篇文章的，但我在家中的虚拟机中有IE7，因此，如果我找到其他解决方案，我将在稍后回复。 
    <table style=\"width: 100%;\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">
<tr>
<td>TEXT</td>
<td width=\"1%\" style=\"width: 1%;\"><img src=\"http://www.google.com/intl/en_com/images/srpr/logo2w.png\" alt=\"Google Logo\" /></td>
</tr>
</table>
        
    2020-02-23 0 0
    分享

    绊伦欧

            您可以尝试以下几种方法： 确保您使用的是reset.css样式表来重置所有浏览器的默认设置并适应所有浏览器的怪癖。这对于Internet Explorer尤其重要。 仅将表格用于表格数据-我不确定表格的其余部分包含什么，但是除非要有数据行，否则使用带有浮点数
    p
    和
    img
    的容器
    div
    会容易得多。 在
    img
    上设置宽度和高度。 使用CSS
    position: relative; float: left;
    查看它是否有助于解决悬停时的定位问题。我看到jQuery脚本和CSS3 PIE之类的浏览器黑客经常出现悬停问题-如果您正在使用这些脚本，请尝试将其删除。     
    2020-02-23 0 0
    分享

    磐剩

            尝试在元素上设置ѭ7。     
    2020-02-23 0 0
    分享

    死搭胯

            我不确定，但看着 
    <table> <tr><td style=\"width:100%;\">TEXT</td><td><img src=\"jpg\" alt=\"jpg\" /></td></tr> </table>
    从我可以看到的是，这没有表格宽度，因此IE不知道如何适当地缩放td。 另一个猜测是因为您在第一个IE上将宽度声明为100％，IE将其解释为将其取消。我的猜测是，第一个单元格上的宽度不能为100％，因为这意味着要占用整个表格宽度的100％。     
    2020-02-23 0 0
    分享

    撵穆

            清除浏览器缓存，在图像上指定宽度和高度 我已经在ie7上看到了最奇怪的东西，例如分页符\\ n并导致这种效果，即： 
    <a href=\"#>
<img src=\"jpg\" />
</a>
    修复只是将所有内容放在同一行上并且没有空格（例如您的表的右边有空格） 还避免使用内联样式，请使用样式表（css）     
    2020-02-23 0 0
    分享
    为什么被折叠? 0 个回复被折叠

    要回复问题请先登录或注册

    或代码 OrCode.com 备案号：粤ICP备15020848号-1
    Escape time: 0.039480924606323