当您单击该网站中包含的Iframe内的按钮时，灰色显示整个网站

Question

我知道如何使用css点击一个按钮，将整个网站变灰（添加灰色）。

但这是一个有趣的场景。我在主网站上嵌入了一个小型IFrame。在Iframe内我有一个按钮。点击我需要的按钮，使整个网站变灰。目前我只能使IFrame内容变灰，而不是整个网站。如果有人可以帮我解决这个问题，那就太棒了。

IFrame内容与网站位于同一个域中，但路径不同。例如，如果网站是xyz.com，则该网站上显示的iframe内容位于xyz.com/cms中。

注意：我只能访问位于IFrame内部的代码，而不能访问外部位。因此我不能在IFrame之外编码。无论我需要编码什么，我都必须在IFrame中完成。

我们不能对窗口对象做任何事情来使整个窗口变灰吗？

Answer 1

我认为在iframe窗口具有焦点时将灰色设置为可能对您有用。

你没有包含任何代码，所以不确定你是否使用jQuery，但尝试这样的事情。

while($(iframe).focus()){
   $('document').addClass('grey-out');
}