AJAX ::模态弹出灰色背景不覆盖整页？ [英] AJAX :: Modal Pop Up Gray Background Not Cover Whole Page?

问题描述

我的问题是，

i创建了一个母版页，在名为 Main.aspx 的页面中使用了这个母版页并设置了一个iframe在iframe我已经调用了一个页面说 entryscreen.aspx 。我已经在输入屏幕页面设置了一个模式弹出窗口，当我点击输入屏幕页面中的一个按钮来显示模态弹出窗口时它会覆盖只有灰色背景后面的输入屏幕页面。我希望覆盖灰色背景后面的整个母版页。

My problem is that,
i have created a master page and used this master page in page called Main.aspx and set a iframe in it in iframe i have called a page saying entryscreen.aspx.I have set a modal pop up in entry screen page and when i click a button in entry screen page to show the modal pop up it covers only entry screen page behind the gray backgroun.i want to cover my whole master page behind gray background.

推荐答案

使用以下作为ModalPopupExtender的BackgroundCssClass。



.modalBackground

{

职位：绝对;

z-index：100;

top：0px;

left：0px;

background-color：＃000;

filter：alpha（opacity） = 60）;

-moz-opacity：0.6;

opacity：0.6;

}



它我为类似的问题工作。如果没有帮助，请告诉我:)



参考：

模态弹出灰色背景不覆盖整页 [ ^ ]



更新：



其实我发现了问题内容与参考链接中的问题相同。因此，它应该工作：D



如果仍然无法正常工作，只需尝试将位置：绝对; 更改为 position：fixed;

Use following as BackgroundCssClass of ModalPopupExtender.

.modalBackground
{
position: absolute;
z-index: 100;
top: 0px;
left: 0px;
background-color: #000;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

It worked for me for the similar issue. In case that doesn't help, please let me know :)

Reference:
modal pop up gray background not cover whole page[^]

Update:

In fact, I found the question content is same as the question in the reference link. So, it should work :D

If it is still not working, just give a try by changing position:absolute; to position: fixed;

这篇关于AJAX ::模态弹出灰色背景不覆盖整页？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！