Question

我在客户站点的IE8 CO中遇到此HTML，但在我的XP IE8 VM上却没有。但是，我已设法在IETester中重现该问题，并将其跟踪为vertical-align: middle样式，该样式应用于包含<sup />标记的元素。

<!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 VM上工作正常，它上面有IE8，所以它也适合你。我们的主站点需要X-UA-Compatible IE=edge元标记，因此我将其包含在此处。

休息的症状是IE呈现一个空白的白页并且似乎陷入了无限的操作 - 如果留下足够长的时间，IETester会崩溃（尽管我没有向客户证实同样的事情发生在他们的网站有真实的IE）。

我花了很长时间才将其跟踪到<sup />标记，然后将CSS应用于其父元素（在我们的实际网站中恰好是<label />标记，但它似乎它与<span />标签的行为方式相同。

这个HTML / CSS有什么问题，或者IE8是否有趣？

在我的测试中，我尝试过IE6，IE7，IE9，Chrome，FireFox，Opera和Safari，它们都没有表现出与客户网站上运行的IE特定版本相同的行为。

使用sup标签和CSS，这个HTML有什么问题吗？

0 个答案: