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

source:php.cn
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