Jquery ASP:NET:My Dive can'；t从iframe内部设置（监视器的）全屏

我的网站中有一个iframe，iframe将加载网站页面。
我的一个页面是包含一个按钮，用户点击这个按钮后，应该会显示一个全屏div。我想制作一个div来适应我的全屏浏览器，但它只是iframe中的全屏。 例如： WebForm11.aspx

 <iframe src="WebForm12.aspx" width="200px" height="200px"></iframe>

WebForm12.aspx：

<script type="text/javascript">
 $(document).ready(function () {
     $('#show').click(function () {
         $('#d1').show();
     })
 });
 </script>
<input type="button" id="show" value="show-hide" />

<div id="d1" style="background-color:Red;display:none;"></div>  

$（文档）.ready（函数（）{
$（“#显示”）。单击（函数（）{
$（'#d1'）.show（）；
})
});

---

如何在监视器全屏显示这个红色div？

我将它移动到父窗口，它就变成了真。（如评论所述）

将它移动到parent window.tnx以获得答案，但我不明白。你能给我解释一下吗？我的意思是你需要将你试图使其全屏显示的div移动到父窗口，处理iframe的窗口，以太总是让div在那里，以太用javascript创建它。