css - z-index 问题：svg 元素不应该出现在画布元素后面

Question

在过去的几个小时里，我一直在尝试制作《黑暗骑士归来》（带有闪电的那个）封面的 HTML5 版本。

我已经完成了，但我制作的 svg 蝙蝠侠拒绝出现在画布前！

有问题的页面位于：http ://scaryg.nom.es/playthings/lightningbadsvg

我已经看过了，svg 元素似乎正在定位正确的 css 规则，并且我尝试在初始化过程中将画布重置为正确的 z-index（以及在样式中设置为正确的 z-index床单）。

一切都在一页上（甚至是svg），我很难过。谢谢

Answer 1

您的样式被应用于svg：

position:absolute: top:30%;

注意后面的冒号而不是分号absolute。解决这个问题，蝙蝠侠就会出现在前面。

尝试使用开发人员工具或 Firebug 等工具来检测这些类型的问题。