css - z-index 问题 : svg element appearing behind canvas elements when it shouldn't be

Question

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

我已经差不多完成了，但是我制作的 svg bat 侠拒绝走到 Canvas 前!

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

我看了看，svg 元素似乎找到了正确的 css 规则，我尝试在初始化过程中将 Canvas 重置为正确的 z-index(以及设置为正确的 z-index在样式表中)。

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

Answer 1

您在将样式应用于 svg 时出错:

position:absolute: top:30%;

请注意 absolute 之后的冒号而不是分号。解决这个问题， bat 侠就会领先。

尝试使用 Developer tools 或 Firebug 等工具来检测这些类型的问题。