Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何将画布高度设置为全文档高度(覆盖整个页面)_Jquery_Html_Css_Canvas - Fatal编程技术网

Jquery 如何将画布高度设置为全文档高度(覆盖整个页面)

Jquery 如何将画布高度设置为全文档高度(覆盖整个页面),jquery,html,css,canvas,Jquery,Html,Css,Canvas,大家好 正在为圣诞节做准备,所以我用帆布做了一些降雪,看起来很酷,尽管它只是通过100vh填满,因为: c.width = innerWidth; c.height = innerHeight; 因此,如果有人能在这里帮助我,我将不胜感激 我尝试过通过CSS使用: canvas#c { position: absolute; z-index: 999; bottom: 1px; top: 1px; height: 100%;} 对于任何关心我的人,我改变了立场:绝对;位置:固定 现在它只是停

大家好

正在为圣诞节做准备,所以我用帆布做了一些降雪,看起来很酷,尽管它只是通过100vh填满,因为:

c.width = innerWidth;
c.height = innerHeight;
因此,如果有人能在这里帮助我,我将不胜感激

我尝试过通过CSS使用:

canvas#c {
position: absolute;
z-index: 999;
bottom: 1px;
top: 1px;
height: 100%;}

对于任何关心我的人,我改变了立场:绝对;位置:固定


现在它只是停留在屏幕上,看起来像在下雪一样=)

对于任何关心它的人,我改变了立场:绝对;位置:固定


现在它只是停留在屏幕上,看起来像在下雪一样=)

请注意,您不能单击画布下的任何内容(单击将转到画布,而不是画布下的元素)。对于现代浏览器,您可以使用
指针事件:none
忽略任何基于指针的交互,但IE不支持这一点(因此,除了滚动之外,您的站点变得不可用)。只是需要记住一点。谢谢你的提示,我发现我的网站中没有链接,所以我只添加了相对于A:link的position:relative,并给它一个与canvus相同的z索引。工作得很好!请注意,您不能单击画布下的任何内容(单击将转到画布,而不是画布下的元素)。对于现代浏览器,您可以使用
指针事件:none
忽略任何基于指针的交互,但IE不支持这一点(因此,除了滚动之外,您的站点变得不可用)。只是需要记住一点。谢谢你的提示,我发现我的网站中没有链接,所以我只添加了相对于A:link的position:relative,并给它一个与canvus相同的z索引。工作得很好!