Question

我有一个使用Telerik控件的网站。当AJAX请求启动时，将显示加载面板（在母版页中定义），其中包含加载图像，文本和褪色的白色背景颜色。它在Firefox和Chrome中完全正常，但背景图像和文本在IE8中不显示。所有显示的都是白色背景。

LoadingPanel代码：

<tel:RadAjaxLoadingPanel ID="HBApplicationWideLoadingPanel" runat="server"  ClientIDMode="Static" 
        AnimationDuration="400" InitialDelayTime="0" CssClass="LoadingPanel" IsSticky="true" >
    <div id="HBApplicationWideLoadingPanelLabel" class="LoadingPanelLabel">Loading</div>
</tel:RadAjaxLoadingPanel>

为什么IE8没有显示图像？我已经检查了页面源代码，它们就在CSS中。

Answer 1

“褪色的白色背景”是什么意思？您使用内置的“透明度”属性吗？您是在RadAjaxLoadingPanel上设置白色背景，然后在自己的样式表中设置透明度吗？听起来你可能看到白色背景b / c你的透明度设置未正确应用，因此你在其他浏览器中看到的图像在IE中不可见，因为白色背景覆盖它们。不透明度在不同浏览器（和版本）中的工作方式不同。您可以使用不同样式准备this article以在不同浏览器中实现透明度。或者只使用RadAjaxManager的内置Transparency属性。如果我离开了标记，请详细说明您的问题，以便我可以进一步帮助您。

我希望有所帮助！

Answer 2

可能是某种覆盖或z-index怪癖，只有IE才会受到影响。我的建议是使用IE开发工具栏来跟踪它。

Answer 3

确保您没有在RadAjaxLoadingPanel上设置Transparency属性。

<telerik:RadAjaxLoadingPanel ID="LoadingPanel" runat="server" 
    </telerik:RadAjaxLoadingPanel>

作品

但

<telerik:RadAjaxLoadingPanel ID="LoadingPanel" runat="server" Transparency="10"
    </telerik:RadAjaxLoadingPanel>

在IE8中无法正常工作

Telerik加载面板背景图像未在IE8中显示

3 个答案: