Telerik Loading Panel images d'arrière-plan n'apparaissant pas dans IE8

Question

J'ai un site Web utilisant des contrôles Telerik pour ASP.NET. Lorsqu'une requête AJAX démarre, le panneau de chargement (défini dans la page maître) s'affiche, avec une image de chargement, du texte et une couleur de fond blanche pâle. Cela fonctionne parfaitement dans Firefox et Chrome, mais l'image de fond et le texte ne s'affichent pas dans IE8. Tout ce qui s'affiche est le fond blanc.

Code 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> 

Toutes les idées pourquoi IE8 n'affiche pas les images? J'ai inspecté la source de la page, et ils sont là dans le CSS.

Answer 1

Peut-être une sorte de superposition ou z-index bizarre dont seul IE souffre. Mon conseil est d'utiliser IE dev toolbar pour le traquer.

Answer 2

Que voulez-vous dire par "fond blanc fané"? Utilisez-vous la propriété "Transparence" intégrée? Définissez-vous un arrière-plan blanc sur le RadAjaxLoadingPanel, puis définissez la transparence dans votre propre feuille de style? Il semble que vous puissiez voir le fond blanc car votre paramètre de transparence n'est pas appliqué correctement, donc les images que vous voyez dans les autres navigateurs ne sont pas visibles dans IE car le fond blanc les recouvre. L'opacité fonctionne différemment dans différents navigateurs (et versions). Prêt this article sur les différents styles que vous pouvez utiliser pour implémenter la transparence dans différents navigateurs. Ou utilisez simplement la propriété Transparency intégrée du RadAjaxManager. Si je suis loin du but, veuillez préciser votre problème afin que je puisse vous aider davantage.

J'espère que cela aide!

Answer 3

Assurez-vous de ne pas définir l'attribut Transparency sur le RadAjaxLoadingPanel.

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

fonctionne

mais

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

ne fonctionne pas correctement dans IE8