javascript - 如何修复导致 IE 8 故障的自定义 Kendo UI 主题 CSS？

Question

尝试:Kendo UI Mendu demo使用自定义主题(Kendo UI Custom Themes 或修改后的主题 CSS)

我已经自定义了 Bootstrap 主题，并且在将鼠标悬停在菜单项上时遇到了 IE 8 中的故障，仅当使用自定义主题 CSS 时。

自定义 Bootstrap 主题示例:http://jsbin.com/ovufef/1/edit (IE 8 中的故障)

原始 Bootstrap 主题示例:http://jsbin.com/urinev/1/edit (按预期工作)

剑道 UI 菜单:

<ul id="menu">
    <li>
        Stores
        <ul>
            <li>
                <div style="padding: 50px;">
                    <h2>Around the Globe</h2>
                </div>
            </li>
        </ul>
    </li>
</ul>
<script>
$(document).ready(function() {
    $("#menu").kendoMenu();
});
</script>

查看 jsBins 中的 CSS，由于它们是 Kendo 主题，它们太长而无法包含在此处。

基本上，故障是当您将鼠标悬停在一个元素上时，它不会立即放下子元素，您必须将鼠标移到子元素将显示的位置，然后四处摆动，直到它奇怪而神奇地出现。

我不确定是什么导致我的自定义主题出现 IE8 故障。风格如此相似，我无法弄清楚是什么原因造成的。我在 CSS 上做了一个文件差异，在我看来(在看了几次差异之后)只是背景颜色、渐变、边框颜色等发生了变化。

如果有人可以帮助我修复自定义 CSS，将不胜感激。

---

注释:

• Bootstrap 只是主题名称，与 Twitter Bootstrap 无关...只是看起来相似。
• 我非常讨厌 IE，这不是我的选择(而且在大多数情况下，Kendo 在 IE 中运行良好)
• 使用 jsBin 因为 IE8 在 jsFiddle 中不工作
• 更新:在新窗口中查看 jSBin，不会产生故障但会在使用自定义主题的网络应用程序中重现。需要更多研究，将很快更新或回答

Answer 1

jsBin iframe 中发生了一些事情 - 如果您在新窗口中打开垃圾箱 - 它会起作用。