我遇到了滚动条的奇怪行为,这似乎是 Firefox 特有的。
问题是 Firefox 会将元素的滚动条与层次结构中较高的每个其他元素一起呈现overflow: auto或呈现在每个其他元素之上。这是一张图片来说明我的意思。您可以在此网站上自行测试:https://www.w3schools.com/cssref/pr_pos_overflow.aspoverflow: scrollz-index
正如您所看到的,后台元素的滚动条与前台的移动菜单重叠。正如您可以想象的那样,这会导致各种显示错误,用户可以看到滚动条而看不到它们实际所属的元素。
有什么方法可以避免这种行为并使 Firefox 的行为像 Chrome 或 Safari 一样吗?
我使用的是 Firefox 68.0.1。
我需要使用 WebGL 解决以下问题:
想象一下相机前面有一个网格。网格实际上并未着色,但它的“轮廓”作为一个整体用于将背景图像显示为某种蒙版或模板(如果您愿意的话)。因此,例如,您将得到一个具有白色背景的输出图像和一个填充有纹理/图像的轮廓形状,作为该位置的背景。
(我想要使用的网格显然比球体更复杂)
达到这种效果的最佳方法是什么?我考虑了两种投影映射,即从相机角度将背景纹理投影到网格上。或者也许模板缓冲区是可行的方法?据我了解,目前它的支持度并不高。也许还有一种更简单的方法来解决我错过的这个问题?