Проблемы с z-index: элемент svg, появляющийся за элементами холста, когда он не должен быть

Question

Я пытался создать версию HTML5 обложки «Темного рыцаря» (ту, которая была с молнией) за последние пару ч.

Я почти закончил, но svg batman, которого я сделал, отказывается идти перед холстами!

страница с проблемой вверх по адресу: http://scaryg.nom.es/playthings/lightningbadsvg

Я посмотрел и элемент SVG, как представляется, местонахождение нужных правил CSS, и я попытался сбросить холсты в их правильном Z-индекс во время процесс инициализации (а также установка правильного индекса z в таблице стилей).

Все на одной странице (даже на svg), и я в тупике. Благодаря

Answer 1

Вы ошибка в вашем стиле применяется к svg:

position:absolute: top:30%; 

Обратите внимание на двоеточие вместо запятой после absolute. Исправьте это, и бэтмен будет впереди.

Попробуйте использовать такой инструмент, как инструменты разработчика или Firebug, чтобы обнаружить эти проблемы.