Les images d'arrière-plan de Telerik Loading Panel ne s'affichent pas dans IE8

Question

J'ai un site web qui utilise 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 blanc délavé. Cela fonctionne parfaitement dans Firefox et Chrome, mais l'image et le texte d'arrière-plan ne s'affichent pas dans IE8. Tout ce qui s'affiche est l'arrière-plan blanc.

Code du panneau de chargement :

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

Avez-vous une idée de la raison pour laquelle IE8 n'affiche pas les images ? J'ai inspecté la source de la page, et elles sont présentes dans le CSS.

Answer 1

Que voulez-vous dire par "fond blanc délavé" ? Utilisez-vous la propriété "Transparency" intégrée ? Définissez-vous un arrière-plan blanc sur le panneau RadAjaxLoadingPanel, puis définissez-vous la transparence dans votre propre feuille de style ? Il semble que l'arrière-plan blanc soit visible parce que le paramètre de transparence n'est pas appliqué correctement. Les images que vous voyez dans d'autres navigateurs ne sont pas visibles dans IE car l'arrière-plan blanc les recouvre. L'opacité fonctionne différemment selon les navigateurs (et les versions). Prêt cet article sur les différents styles que vous pouvez utiliser pour mettre en œuvre la transparence dans différents navigateurs. Vous pouvez également utiliser la propriété Transparency intégrée de RadAjaxManager. Si je suis loin du compte, veuillez préciser votre problème afin que je puisse vous aider davantage.

J'espère que cela vous aidera !

Answer 2

Il s'agit peut-être d'un problème de superposition ou d'indexation en z dont seul IE souffre. Je vous conseille d'utiliser la barre d'outils de développement d'IE pour le localiser.

Answer 3

Assurez-vous que vous ne définissez pas l'attribut Transparency sur le RadAjaxLoadingPanel.

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

travaux

mais

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

ne fonctionne pas correctement dans IE8