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

尝试：使用自定义主题（或修改的主题CSS）

我已经自定义了引导主题，当鼠标移到菜单项上时，IE 8遇到了一个小问题，只有在使用自定义主题CSS时

自定义引导主题示例：（IE 8中的故障）

原始引导主题示例：（按预期工作）

剑道UI菜单：

商店


全球各地




$（文档）.ready（函数（）{
$（“#菜单”）.kendoMenu（）；
});

在JSBIN中查看CSS，它们太长，无法包含在这里，因为它们是剑道主题

基本上，问题是当你将鼠标移到一个项目上时，它不会立即将子项目放下，你必须将鼠标移到子项目将显示的位置，并来回摆动，直到它奇怪而神奇地出现

我不确定是什么原因导致我的自定义主题出现IE8故障。风格太简单了，我不知道是什么原因造成的。我已经在CSS上做了一个文件diff，在我看来（在看了几次diff之后）只是背景色、渐变色、边框颜色等的变化

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

---

注:

• Bootstrap只是主题名，与Twitter Bootstrap无关。。。只是看起来很像
• 我憎恨IE，但这不是我的选择（大部分剑道在IE中表现良好）
• 使用jsBin是因为IE8不能在JSFIDLE中工作
• 更新：在新窗口中查看jSBin，不会产生故障，但会在使用自定义主题的web应用程序中重现。需要更多的研究，将很快更新或回答

---

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

@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供参考：

“剑道UI菜单自定义主题IE 8小故障”这不是问题，我认为这只是一个名词列表，带有一个随机形容词。“我非常讨厌IE”欢迎使用：）@VoidKing你是对的，这是一堆名词，修正了。嗯，是的，我确实看到它在新窗口中工作。我想我以前试过，但没用。无论如何，在web应用程序中，我使用的是自定义主题，但仍然会产生问题。因此，我必须修改jsBin，以便更紧密地再现这个问题。编辑或回答很快就要来了。是的，微软的DirectX过滤器已经坏了。例如，不透明度在某些情况下会破坏图像和字体的alpha透明度（在IE7中每次都是如此）。解析器也是相当严格的，它有时违反逻辑，例如，请查看我在本文中的评论：