CSS3 de Rotation et d'Échelle sur les mêmes éléments bousille “z-index”?
Pas vraiment le z-index, mais j'ai trouvé mieux pour décrire le problème dans un court laps de titre...
Voir cet exemple simplifié:
Si vous passez la souris sur les images, vous remarquerez que certains coins sont ci-dessous d'autres images.
Si vous supprimez le code concernant la rotation, tout fonctionne bien.. Donc, le problème est que la rotation ou la façon dont elle interagit avec la mise à l'échelle.
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-o-transform: rotate(10deg);
transform: rotate(10deg);
Est-il quelque chose qui peut être fait à ce sujet ou est-ce un bug lié au navigateur?
(Testé dans safari)
Grâce,
Wesley
OriginalL'auteur Wesley | 2011-09-15
Vous devez vous connecter pour publier un commentaire.
@wesley giv e
position:relative
à vos images comme ceci :parce que
z-index
ne fonctionne que surposition relative, absolute & fixed
.vérifier ce violon http://jsfiddle.net/sandeep/sCnDx/3/
OriginalL'auteur sandeep
Z-index fonctionne pour moi.
http://jsfiddle.net/GY4Jp/
ajouter à img
position: relative;
z-index: 1;
ajouter à la img:hover
position: relative;
z-index: 2;
OriginalL'auteur SeventotheSeven