Question

好的我有一个telerik：RadRotator在我的页面上加载了一些来自数据库的图像，旋转器在FireFox和Chrome中都正确显示但是当我在IE9中打开时，旋转器div被放置在页面上而旋转器本身不显示（渲染）。

<telerik:RadRotator ID="RadRotator1" runat="server" Width="791px" Height="215px"
ItemHeight="215px" ItemWidth="791px" OnItemDataBound="RadRotator1_ItemDataBound"
RotatorType="AutomaticAdvance" FrameDuration="10000" ScrollDuration="3000" CssClass="ImageRotator"
ScrollDirection="Right" PauseOnMouseOver="false">
<ItemTemplate>
    <asp:HyperLink ID="hypImage" runat="server">
        <asp:Image ID="imgScroller" runat="server" Width="791" Height="215" /></asp:HyperLink>
</ItemTemplate>

关于这里发生了什么的任何想法？我试图删除应用的样式，没有。

Answer 1

此类问题通常与IE格式不正确的HTML格式有关，尤其是旧版本的浏览器。我在你的代码中发现的唯一问题是未封闭的RadRotator控件标签，尽管很可能是你偶然错过了它。由于样本中的代码似乎有效，因此可能会从数据源插入错误的内容。请验证数据源中的内容是否正确输入，以及填充旋转器项目的数据在使用之前是否已正确转义。您还可以通过检查页面源上控件的HTML表示中 li 元素的内容来检查RadRotator项目是否正确呈现。

Answer 2

好好经过大惊小怪我发现卷轴本身被包裹在超链接中。删除超链接后，一切正常100％

Telerik：RadRotator在IE9中不显示（渲染）

2 个答案: