整个屏幕变灰，包括滚动条答案

【问题标题】：grey out whole screen including scrollbar整个屏幕变灰，包括滚动条
【发布时间】：2010-07-13 11:03:14
【问题描述】：

当我们尝试上传 exe 时，我想创建一个像 gmail 一样的灰色。灰色的屏幕应该覆盖整个屏幕，甚至滚动条，滚动条应该通过它可见但被禁用如何使用 javascript 和 css 实现这一点请不要告诉我将body的溢出设置为隐藏。

【问题讨论】：

【解决方案1】：

仅当您将整个页面包装在一个 div 中并将此 div 设置为允许滚动但不允许正文滚动（或使用 iframe）时，它才有效。

在 gmail 中，正文有 overflow:hidden。您看到的滚动条属于 ID 为 canvas_frame 的 iframe。

【讨论】：

【解决方案2】：

您是否尝试过使用Firebug 之类的工具查看gmail 页面，但它以这种方式显示为灰色？

它可以让你确切地看到他们是如何做到的；-)

显然，快速浏览后，他们似乎正在使用<div>，例如这个：

<div class="Kj-JD-Jh" style="opacity: 0.5; width: 1560px; height: 366px;"></div>

这里有趣的是这个1560px 比我屏幕的可见区域还大：它包括右侧的滚动条。

【讨论】：

【解决方案3】：

顶级滚动条是浏览器组件，而不是画布的一部分。因此，不可能将它们变灰。您只能将属于 HTML 视图的滚动条灰显。

否则看这个

【讨论】：