在asp:UpdateProgress昏暗的整个屏幕

时间:2014-07-17 09:42:56

标签: css asp.net

我正在创建一个ASpP.Net网页。因为它必须加载大量的日期,这可能需要60秒,我想通知用户可能需要一段时间。我想整个屏幕调暗一点写&#34;正在加载,请稍候&#34;最重要的是。为此,我在<UpdateProgress>内创建了一个div,使其变为黑色和半透明,并添加了css atrributes position: fixed; width:100%; height: 100%;

问题是ASP.net将整个<UpdateProgress>转换为包装我的自定义div的div。这导致我的div只填充父div。

所以我的问题是:如何修改<UpdateProgress>的CSS样式? (与其他ASP.net元素不同,如果似乎没有CssClass属性)

1 个答案:

答案 0 :(得分:2)

您可以将ClientIDMode="Static"添加到UpdateProgress,这样您就可以为其分配一个静态ID,这样.NET就不会自动生成它,如下所示:

<asp:UpdateProgress ID="UpdateProgress" ClientIDMode="Static" runat="server" />

现在您有一个静态ID,您可以使用它将CSS样式直接应用于div生成的UpdateProgress

#UpdateProgress {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}