html – Internet Explorer 8重复div bug

发布时间：2020-12-14 16:34:29 所属栏目：资源来源：网络整理

导读：IE 8中的 on this page,有着名的幻影元素bug.我已经研究了两天所有可能导致这种情况发生的事情,包括隐藏的输入(现有)浮动元素(不存在)和HTML注释！--...-- (当下). “幻像元素”是登录div和“ny kunde”按钮之间的灰色div. 当试图查看这是IE开发工具(F12)时,

IE 8中的 on this page,有着名的幻影元素bug.我已经研究了两天所有可能导致这种情况发生的事情,包括隐藏的输入(现有)浮动元素(不存在)和HTML注释<！--...--> (当下).

“幻像元素”是登录div和“ny kunde”按钮之间的灰色div.

当试图查看这是IE开发工具(F12)时,它无法被选中,也无法查看.我相信这是因为IE8中存在渲染问题.

删除这些根本没有帮助.另外,我们显然需要隐藏的输入来进行表单验证.

值得一提的是,这种电子商务解决方案并未开箱即用.

我已经用尽了我能想到的每一个解决方案,它仍然存在.

有没有人有什么建议？

谢谢：)

解决方法

从第348行开始,有以下代码：

<input type="hidden" name="return" value="/checkout/selectAddress" />

</form>
</div>

如果我改成它：

<input type="hidden" name="return" value="/checkout/selectAddress" />

</div>
</form>

然后问题就解决了.

简化(从中删除内容)HTML：

<div id="user-wrapper">
  <form action="/user/doLogin" method="post" id="loginForm" />
  <div id="user-kundelogginn">
    </form>
  </div>
</div>

您可以清楚地看到div中的表单标记正在关闭.

我是怎么想出来的？

我使用了W3C Validator,这使我走上正轨：

Line 350,Column 7: end tag for element “form” which is not open

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!