javascript - 仅 Internet Explorer 上的 HTML 问题。它在其他浏览器上运行良好

Question

在我们的网站上，我们使用带有自定义模板的 magento。除结帐过程外，该网站在所有浏览器中都能正确呈现。在 Internet Explorer 中，它看起来很奇怪。我已经使用 Firebug 和 Developer 工具对其进行了分析，但我找不到为什么它在 Internet Explorer 上看起来很奇怪，而在其他地方看起来很好。

要重现它，只需将商品添加到购物车，然后以访客或注册用户的身份继续结帐即可。

我在此处添加了屏幕截图

我没有包含 HTML，因为它太长，所以不允许它。

Answer 1

标记无效，导致 IE 和 Opera 无法理解您的意图。 Chrome 和 Firefox 更擅长猜测您想要什么。

当遇到此类问题时，首先要考虑的是标记的有效性。通过解析 W3C Validator 上的 checkout 页面的页面源，可以看到非常好的错误指示。 .

这立即表明了一个问题:

Line 150, Column 44: document type does not allow element "li" here; missing one of "ul", "ol" start-tag`

<div class="inner-box"><li> <input name="businessdock" value="1"
                       ^
                       missing a <ul> parent

显示 <li>在没有父级的情况下使用 <ul> 。我添加了周围的<ul>并关闭</ul>本地标记，并且页面在 IE 中按预期呈现。

我还可以建议将页面中的所有 JavaScript 移至包含的文件中(如果可能)。该页面非常大，一开始很难看!