javascript - 整个页面的玻璃面板

Question

有没有一种简单的方法可以在整个 HTML 页面上放置一个“玻璃 Pane ”，而不管缩放/滑动事件/平台/浏览器{移动/桌面}如何？

我所说的“简单”是指纯 CSS 支持，而不是插件。

回退:插件建议也可能有用。

谢谢

Answer 1

如果你只是想在所有东西之上加一层，试试这个:

#top-layer {
    position: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
}

如果你想让它半透明，你可以设置opacity: 0.5;。

A jsFiddle example