显示覆盖以覆盖整个页面

我有一个在iframe加载的网络应用程序。 我需要显示一个覆盖div来覆盖整个页面。 问题是叠加层当前只显示在iframe区域而不是覆盖整个页面，（我们的应用程序（子应用程序）是iframe加载的一组应用程序的一部分）

Answer 1

你可以做这样的事情

CSS

 #overlay { position:fixed; top:0; left:0; bottom:0; right:0; height: 100%; width: 100%; margin: 0; padding: 0; background: #000000; opacity: .3; filter: alpha(opacity=30); -moz-opacity: .3; z-index: 101; } 

样品

Answer 2

试试像;

或者您可以使用JavaScript;

希望这可以帮助。