我有一个包装器,以y重复的背景图像为中心:
<body>
<div id="wrapper">
...some content
</div>
</body>
#wrapper{
width: 900px;
margin: 0 auto 0 auto;
background-image: url(image.jpg) 250px 0px repeat-y;
}
问题:当窗口大小高于从其内容继承的包装器高度时,图像显然不会在y轴上一直重复到窗口底部.
我已经使用jQuery根据实际文档高度动态地将内联CSS样式应用于包装器(当DOM准备就绪并且在窗口调整大小事件时):
$(function(){
$('#wrapper').css({'height':($(document).height())+'px'});
$(window).resize(function(){
$('#wrapper').css({'height':($(document).height())+'px'});
});
});
这种方法的问题在于,每次将窗口高度扩展到大于先前调整大小的最大尺寸的大小时,文档高度会延伸到这个差异,如果您无限地调整窗口大小并且具有无限大,则基本上使得包装器DIV无限大垂直展示空间.
在典型的30英寸显示屏上,1600px高度,当用户打开窗口高度为1000px且包装器高度为800px的网站时,上面的jQuery将高度设置为1000px正确平铺背景图像.此时,一旦用户扩展了窗口大小为例如1400px,1400px是新文档大小"记住默认值",即使用户将其窗口调整回原始的1000px高度,也不会更新自身,向底部的滚动条高度添加400px.
如何解决这个问题？
更新:(窗口).高度似乎不起作用,因为窗口高度是视口高度.当您的视口小于内容并滚动它时,包装器始终保持视口的大小,并且不会延伸到当前视口位置的底部.
将网络摄像头流直接获取到 WebGL 作为纹理的最有效方法是什么？
标准流程（如 Three.js 中所述）是使用 video 标签，然后在 canvas 标签中操作它，然后从 canvas 到 WebGL。
这会增加 CPU 开销，并且 Chrome 会启动工作线程将图像数据从相机发送到 GPU（例如每秒 30 次）。
有没有什么方法可以更有效地做到这一点并减少 CPU 上的渲染/处理？
似乎MVC3具有.cshtml和.vbhtml文件扩展名的优先级处理程序,并尝试在默认文件夹中找到它们.
请求这些网址时:
MVC始终在默认文件夹中查找这些特定的静态文件.
无论扩展名或路由如何,我希望它完全忽略.cshtml和.vbhtml处理,只需像所有其他URL一样传递完整的URL,这样我就可以自己处理路由(使用Nancy).
在Azure实例上的IIS 7.5上运行MVC3 + Nancy + Razor.