IE 无法正确显示下拉面板答案

【问题标题】：IE not displaying dropdown panel properlyIE 无法正确显示下拉面板
【发布时间】：2011-09-16 17:52:35
【问题描述】：

我试图弄清楚为什么我的网站在 FF、Chrome 等中显示的下拉面板正常，但在 Internet Explorer 中却没有（7+，因为我现在不支持 IE6）：

左侧的图像正在消失，ID 为 #offerbtn 的链接样式不正确，面板默认显示。我还收到来自 IE 的错误消息：

“0x3fa07838”处的指令引用了“0x000000008”处的内存。无法“读取”内存。

这可能与我在文档页脚中的 jQuery 语句有关吗？任何帮助找出这里出了什么问题都非常感谢......

谢谢

奥苏

【问题讨论】：

贴在这里的一些相关代码会很有帮助，谢谢;)
@Caspar Kleijne - 感谢您回复我。我正在谈论的代码是 '...' 中的所有内容 - 这是代码：pastie.org/2541961
什么是offer标签？你是在文档中创建的吗？浏览器知道它的存在吗？
@Caspar Kleijne - 这是一个 HTML5 文档，所以只是充当一个 div - 你认为这可能是问题吗？
@Caspar Kleijne - 你是对的！如果您将此添加为下面的答案，那么我会将答案归功于您。谢谢你提出来！我现在唯一需要弄清楚的是为什么图像在 IE 中无法正确显示（我假设它是表格单元格的宽度，但这是另一个问题）。

【解决方案1】：

HTML 规范中不存在的元素将被忽略，或者至少在 IE 中表现得非常糟糕。其他浏览器可能接受它，但为了未来的兼容性，我鼓励您遵守 HTML 规范。

offer 元素是未知的，因此将根据浏览器对您的文档的好坏进行渲染。 IE7 会处理它。

但是平板浏览器、Linux 浏览器和所有其他浏览器呢？

【讨论】：

丹朱维尔·卡斯帕！再好不过了——这里有一个链接供那些和我犯同样错误的人使用（HTML5 中有预定义的语义 div，我不知道！）：msdn.microsoft.com/en-us/ie/hh410106#_HTML5_Semantic_Elements
IN 即您可以在标题中执行 document.createElement 并在浏览器开始渲染之前定义自定义元素，以便它可以工作。