如何修复导致IE 8故障的自定义剑道UI主题CSS ?

Question

尝试:剑道UI Mendu演示自定义主题(剑道UI自定义主题或修改主题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>

查看jsbin中的CSS，它们太长了，因为它们是剑道主题。

基本上故障是当你把鼠标放在一个项目上，它不会立即放下子项目，你必须把你的鼠标移动到子项目显示的地方，并摆动，直到它奇怪地和神奇地出现。

我不确定是什么原因导致IE8在我的自定义主题故障。款式太相似了，我不知道是什么原因造成的。我在CSS上做了一个文件diff，在我看来(在看了几次diff之后)只有背景色，渐变，边框颜色等变化。

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

---

指出:

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

Answer 1

在jsBin iframe中发生了一些事情-如果你在一个新窗口中打开bin -它工作

Answer 2

@Bundyo是正确的，这个问题不会发生在jsBin新窗口中。然而，它仍然在我开发的一个网站上复制。我最终发现这是我的IE渐变语法最有可能导致的问题。

更改为:

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#00ffffff, GradientType=0);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#00ffffff, GradientType=0);

最初我有startColorstr='#80ffffff', endColorstr='#00ffffff'与单引号，这可能是一个问题。

固定jsBin参考:http://jsbin.com/ovufef/12/edit