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

Question

我有一个网站使用ASP.NET的Telerik控件。当AJAX请求启动时，加载面板(在母版页中定义)将显示加载图像，文本和褪色的白色背景颜色。它在火狐和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的内置透明度属性。如果我说错了，请详细说明你的问题，以便我能进一步帮助你。

我希望这对你有帮助！

Answer 2

可能是某种覆盖或z索引怪癖，只有IE会受到影响。我的建议是使用IE开发工具条来追踪它。

Answer 3

确保没有在RadAjaxLoadingPanel上设置透明度属性。

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

作品

但

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

在IE8中不能正常工作