Maison > interface Web > tutoriel CSS > Comment superposer un élément relativement positionné dans Internet Explorer malgré le bug du Z-Index ?

Comment superposer un élément relativement positionné dans Internet Explorer malgré le bug du Z-Index ?

Mary-Kate Olsen
Libérer: 2024-10-28 03:28:02
original
971 Les gens l'ont consulté

How to Overlap a Relatively Positioned Element in Internet Explorer Despite the Z-Index Bug?

Surmonter le bug de l'index Z d'Internet Explorer

Lorsque les éléments sont positionnés de manière relative, la propriété z-index détermine généralement l'ordre d'empilement. Cependant, Internet Explorer présente un bug particulier où l'élément positionné relativement a toujours la priorité sur les éléments avec des indices z plus élevés.

Question :

Comment un élément peut-il être positionné superposer un élément relativement positionné dans Internet Explorer ?

Réponse :

Croyez-le ou non, la solution réside dans l'application d'une classe CSS qui contient une image de fond vide :

<code class="css">.myLinkCssClass {
    background: url(#);
}</code>
Copier après la connexion

En spécifiant une image d'arrière-plan vide, l'élément acquiert un calque supplémentaire qui se trouve au-dessus de l'élément relativement positionné, même s'il a un z-index inférieur.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal