灰色整个屏幕,包括滚动条

时间:2010-07-13 11:03:14

标签: javascript css

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

3 个答案:

答案 0 :(得分:3)

它只适用于将整个页面包装在div中并将此div设置为允许滚动但不允许主体滚动(或使用iframe)。

在gmail中,正文有overflow:hidden。您看到的滚动条属于身份iframe的{​​{1}}。

答案 1 :(得分:1)

您是否尝试使用像Firebug这样的工具查看gmail页面,当它以这种方式变灰时?

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


显然,经过快速浏览后,他们似乎正在使用<div>这样的一个:

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

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

答案 2 :(得分:1)

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

否则请看这个

CSS/JavaScript Use Div to grey out section of page