Maison  >  Article  >  interface Web  >  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
Mary-Kate Olsenoriginal
2024-10-28 03:28:02799parcourir

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>

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