在网页中叠加三个div

时间:2012-11-30 07:44:59

标签: html css

我试图在这里叠加三个容器来对它们进行不同的操作。这三个容器是

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/

有什么建议吗?

1 个答案:

答案 0 :(得分:1)

首先,缺少一个开头{

此外,您应该设置html和正文尺寸,因为如果您的网页上没有或很少有内容,则它们不会占据整个可见尺寸。

最后,你应该将你的第二个div放在position: absolute中,这样就不会将你的画布推到页面之外。

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