html - 在一个网页中叠加三个 div

Question

我试图在这里覆盖三个容器以对它们进行不同的操作。这三个容器是

body: z-index 1
div (that has to be be same size as that of body to be used for fading the background): z-index 2
canvas div (for animations over the faded background): z-index 3

这是我试图覆盖三个 div 以获得上述效果但由于未知原因而无法正常工作的小提琴。http://jsfiddle.net/NXBg5/1/

有什么建议么？

Answer 1

{首先，缺少一个开口。

此外，您应该设置 html 和 body 大小，因为如果您的页面上没有内容或内容很少，它们将不会占用整个可见大小。

最后，你应该把你的第二个 div 放进去，position: absolute这样它就不会把你的画布推到页面之外。

最终版本：http: //jsfiddle.net/62pJr/