z-index困境:svg元素出现在canvas元素后面,不应该出现

时间:2012-06-26 03:28:41

标签: css html5 svg html5-canvas z-order

过去几个小时,我一直试图制作黑暗骑士归来(带闪电的)封面的HTML5版本。

我已经完成了但是我已经拒绝走进画布的svg蝙蝠侠!

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

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

一页上的所有东西(甚至是svg)都被我难倒了。 感谢

1 个答案:

答案 0 :(得分:1)

您的样式错误应用于svg

position:absolute: top:30%;

absolute之后注意冒号而不是分号。解决这个问题,蝙蝠侠将会面前。

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