3

尝试：带有自定义主题的Kendo UI Mendu 演示（Kendo UI Custom Themes或修改过的主题 CSS）

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

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

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

剑道用户界面菜单： 

<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，因为它们是剑道主题，所以它们太长，无法在此处包含。

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

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

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

笔记：

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

2 回答 2

2

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

于 2013-04-20T15:24:15.623 回答
1

@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

于 2013-04-22T17:04:41.420 回答