KENDO ui menU IE9 issue答案

【问题标题】：KENDO ui menU IE9 issueKENDO ui menU IE9 issue
【发布时间】：2014-01-28 01:01:18
【问题描述】：

我在 asp.net mvc 网站中使用 KEndo UI，并且菜单在除 IE 9.0 之外的所有浏览器中都可以正常工作。我正在使用 float: right 但是当我在 IE 9 上打开页面并将鼠标移到菜单上时，它会从右向左移动

但应该是这样的

Mt CSS

 .float-right-menu {

    float: right;
}

【问题讨论】：

需要查看您的 HTML/CSS 以获得整个菜单的帮助。或者更好的是创建一个简单的演示来重现问题。

标签： c# css asp.net-mvc kendo-ui

【解决方案1】：

对于这些问题，您可能需要某种 css 重置

【讨论】：

【解决方案2】：

欢迎使用 IE :( 如果我没记错的话，IE9 有一个奇怪的渲染错误，如果您的浮动元素没有在 CSS 中指定宽度，那么它决定将其设为 100% 宽度（就像非浮动 div将是）。我认为要修复它，您必须在 CSS 中给它一个宽度。不幸的是，除非您知道菜单的实际宽度，否则这很难做到。但是，尝试将其设置为“宽度：300 像素；”只是看看它是否能解决问题。

【讨论】：

我创建了一个新的示例项目，如何在此处上传项目

【解决方案3】：

你可以使用类似的东西

<script type="text/javascript">
    function SetMenuWidth()
    {
        var menu = $('#MenuName');
        menu.width(menu.width());
    }

    $(document).ready(function () {
        SetMenuWidth();
    });
</script>

【讨论】：