2010-01-22 4 views
2

J'ai un popup qui s'affiche au-dessus du lien lorsque je survole un lien. il y a une image juste au dessus du lien donc le problème est que dans ie7 le popup apparait sous l'image! . ça marche bien dans ie8 et firefox! le problème que je veux corriger se trouve sur cette page: http://www.kandscars.com/servicecontracts.php si vous passez le curseur sur « Class One », puis survolez « voitures dans cette classe »comment réparer html z-index problème dans ie7?

s'il vous plaît aider dès que possible

Répondre

2

J'ai fait du débogage et c'est le filtre d'opacité pour IE sur le <div class="cover boxcaption"> qui provoque la coupure, pas l'image.

Je n'arrivais pas à le faire fonctionner avec le filtre appliqué alors la seule chose que je peux suggérer qui va le réparer est d'utiliser un fond png semi-transparent au lieu d'utiliser css pour appliquer la transparence.

+0

merci pour le conseil, vous avez raison! mais comment puis-je créer ce png pour remplacer la propriété opacité? –

+0

Si vous avez Photoshop, créez une image semi-transparente 1px par 1px de la couleur souhaitée (en réduisant son opacité), puis sélectionnez Enregistrer pour le Web et les périphériques dans le menu Fichier, sélectionnez PNG-24 dans la liste déroulante et vérifiez la transparence est cochée puis sauvegardez-le. Maintenant tout ce que vous avez à faire est de définir l'image et l'image de fond pour les divs que vous voulez. (Assurez-vous de ne pas spécifier de couleur de fond ou de non-répétition) – Rowno

0

Vous devez définir le z -order à 1 dans la classe css du popup. J'ai trouvé le même problème il y a quelques mois!

+0

J'ai déjà essayé cela. ça n'a pas marché! –

+0

Désolé je ne connais pas la réponse alors. Définir l'index z le fixe pour moi! – Dave7896