Telerik 的 Kendo UI 控制渲染问题答案

【问题标题】：Telerik's Kendo UI Controls Rendering IssueTelerik 的 Kendo UI 控制渲染问题
【发布时间】：2012-11-11 21:18:52
【问题描述】：

我在渲染 Telerik 的 Kendo UI 控件时遇到问题。特别是 DropDownList 和 DatePicker （其他控件可能有问题，但我还没有使用其他控件）。

我在 Chrome 和 IE 上测试了它，它只发生在 Chrome 中。

我有 Windows 7 SP1、4GB 内存、Intel Core 2 Duo E8400 @ 3.00 GHz

从我开始使用 KendoUI 控件的第一天（现在大约 2 个月）开始，这个问题就一直存在，是的，我多次重启了我的机器。

这只是我得到的示例。

感谢任何想法或建议。

提前致谢。

【问题讨论】：

这种情况发生在任何 HTML 页面上还是只有一些？是否可以删除所有 CSS 并仅使用 KendoUI 中的那些？
@EmilianoBartolome 它发生在我拥有 KendoUI 控件且仅使用 KendoUI 控件的任何页面上。除了 KendoUI 特定之外，我没有任何其他 CSS，因为我只在所有这些页面上使用 KendoUI 控件。

标签： telerik telerik-grid telerik-mvc kendo-ui

【解决方案1】：

这是 Chrome 22+ 中 CSS 过渡的一个已知错误（Kendo UI 在内部将它们用于小部件动画）。留在屏幕上的伪影是由过渡 CSS 变换引起的。这应该在 Chrome Canary 中修复，但在此之前，您可以将此 CSS 添加到您的页面（创建一个具有 3D 变换的不可见伪元素，导致整个页面加速）来修复它：

body:after {
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
    font: 0/0;
    -webkit-transform: translateZ(0);
}

下一个 Kendo UI 版本将集成此修复程序。

【讨论】：

非常感谢！就是这样。现在完美运行。