IE9从其他浏览器呈现不同的标记（HTML） - 这不是CSS问题

Question

编辑 - 经过一些故障排除后，似乎这个问题与我安装的插件有关。禁用插件修复了问题。

我对IE9有一个奇怪的问题，即它会呈现＆lt;的错误标记。 ol＆gt;元件。它放置了一些包含的＆lt; li> DOM树的不同部分上的元素，以便

<div id="Containter">
  <div id="left">
   <ol>
     <li>item1</li>
     <li>item2</li>
     <li>item3</li>
     <li>item4</li>
   </ol>
  </div><!-- end left -->
 </div><!-- end container -->

变为

<div id="Containter">
  <li>item1</li>
  <li>item2</li>
  <div id="left">
   <ol>
     <li>item3</li>
     <li>item4</li>
   </ol>
  </div><!-- end left -->
 </div><!-- end container -->

这怎么可能！？

标记是由Magento端的一些非常复杂的Javacript PHP生成的，所以这有点混淆了这个问题。它可能与这些问题相关，Is there a way to work around this issue with ordered lists and update panels in IE9?或此问题Dynamic HTML rendering issue in IE9 only虽然我不明白如何。

但这并不能解释发生了什么。将浏览器切换到IE7模式会更正标记，因此强制执行此操作可能是一种解决方法。

尽管如此，我想了解这里究竟发生了什么，以及是否还有其他方法可以解决这个问题。附上截图。

感激不尽。

。

Answer 1

根据我的经验，如果您编写无效标记（例如，a标记内的a标记或类似内容，IE将复制某些标记或更改HTML。

你应该通过并确保你没有在那里写任何傻事，这可能是你的问题。

Answer 2

请记住正确排除故障。首先，我禁用了我的主题。没有骰子。然后我系统地禁用插件与我的主题的这一部分的关系，直到问题消失。

重新启用自定义主题。网站现在正确呈现。

故事的道德。不要对你的问题感到骄傲，你最初的预感可能不是幸福的正确道路。