使用sup标签和CSS的HTML有什么问题吗？_Css_Internet Explorer 8_Vertical Alignment_Superscript

使用sup标签和CSS的HTML有什么问题吗？

css internet-explorer-8

使用sup标签和CSS的HTML有什么问题吗？,css,internet-explorer-8,vertical-alignment,superscript,Css,Internet Explorer 8,Vertical Alignment,Superscript,我在一个客户站点的IE8 CO中遇到了这个HTML问题，但在我的XP IE8虚拟机上没有。但是，我在IETester中成功地重现了这个问题，并将其追溯到了一个垂直对齐：中间样式，该样式应用于包含标记的元素 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.

我在一个客户站点的IE8 CO中遇到了这个HTML问题，但在我的XP IE8虚拟机上没有。但是，我在IETester中成功地重现了这个问题，并将其追溯到了一个

垂直对齐：中间样式，该样式应用于包含
标记的元素
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
</head>
<body>
    <div>
        <span style="vertical-align: middle;"><sup>test</sup></span>
    </div>
</body>
</html>


测试

上面的HTML示例是我能创建的最小的示例，它在IETester和客户站点上都有中断。然而，它在我的XP虚拟机上运行良好，上面有IE8，所以它可能也适用于您。我们需要主站点的X-UA-Compatible
IE=edge
元标签，所以我在这里包含了它
中断的症状是IE呈现了一个空白的白页，似乎陷入了无限的操作中——如果离开足够长的时间，IETester就会崩溃（尽管我还没有与客户确认，在他们的站点上，真实的IE也会发生同样的事情）
我花了很长时间才找到
标记，然后CSS应用到它的父元素（在我们实际的网站中，它碰巧是
标记，但它的行为似乎与
标记的行为相同）
这个HTML/CSS有什么问题吗，或者只是IE8很有趣吗？
在我的测试中，我试过IE6、IE7、IE9、Chrome、FireFox、Opera和Safari，它们都没有表现出与在客户网站上运行的特定版本IE相同的行为。
IE Tester在我看来不是很可靠。@ScottSimpson感谢您的反馈。然而，IETester是我发现的唯一一个重现我在客户站点上遇到的问题的实用程序。我自己的IE8在我的XP虚拟机上不会复制它。另外，感谢您更换图像。当我尝试它（使用“代码”特性）时，它似乎只是将其呈现为HTML:）HTML验证了吗？你有什么JS错误吗？也许可以看看你的客户在XP上有哪些服务包？（只是想帮助大家集思广益）谢谢你的建议。我刚刚用XHTML更新了原始帖子中的HTML，它可以根据W3C验证器进行验证（真不敢相信我竟然没有想到要检查这个！）。这个“有效”HTML也存在同样的问题，所以我想我可以结束这个问题。我检查了客户的IE版本号，但没有检查他们的XP Service Pack版本-不管怎样，HTML看起来都是有效的，这意味着我的问题是无效的。再次感谢。