整个页面上的玻璃窗格

Question

无论缩放/幻灯片事件/平台/浏览器{mobile/desktop}如何,是否有一种在HTML页面上都有"玻璃窗格"的简单方法？

通过"简单"我的意思是纯CSS支持,而不是插件.

后备:插件建议也可能有用.

谢谢

Answer 1

如果你只想在一切上面加一层,试试这个:

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

您可以设置opacity: 0.5;是否要半透明.