malheurs z-index: élément svg apparaissant derrière les éléments de la toile quand il ne devrait pas être

Question

J'ai essayé de faire une version HTML5 de la couverture de The Dark Knight Returns (celui avec l'éclair) pour les deux derniers heures.

J'ai presque fini mais le svg batman que j'ai fait refuse d'aller devant les toiles!

la page avec le problème revient à: http://scaryg.nom.es/playthings/lightningbadsvg

Je l'ai regardé et l'élément svg semble être localiser les bonnes règles css, et je l'ai essayé de réinitialiser les toiles à leur correcte z-index pendant le processus d'initialisation (en plus d'être défini sur l'index z correct dans la feuille de style).

Tout est sur la même page (même le svg) et je suis perplexe. Merci

Answer 1

Vous avez une erreur dans votre style appliquée à svg:

position:absolute: top:30%; 

avis du côlon au lieu de virgule après absolute. Fixez cela et le batman sera en face. Essayez d'utiliser un outil tel que Developer tools ou Firebug pour détecter ces types de problèmes.