尝试: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,不会产生故障但会在使用自定义主题的网络应用程序中重现。需要更多研究,将很快更新或回答
最佳答案
jsBin iframe 中发生了一些事情 - 如果您在新窗口中打开垃圾箱 - 它会起作用。
关于javascript - 如何修复导致 IE 8 故障的自定义 Kendo UI 主题 CSS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16113226/