3

我正在使用 Ajax updateprogress 并附加了加载 gif，问题是我如何强制 loading.gif 位于屏幕中心，即使您位于页面的最底部/顶部？有没有办法让它总是出现在中心？我希望用户始终在中心看到加载 gif，以便通知他们页面仍在加载..

.CenterPB
    {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -20px; /* make this half your image/element height */
        margin-left: -20px; /* make this half your image/element width */
        width:auto;
        height:auto;
    }

   <asp:UpdateProgress ID="UpdateProgress1" runat="server" DynamicLayout="false">
    <ProgressTemplate>
        <div class="CenterPB" style="height: 40px; width: 40px;">
            <asp:Image ID="Image1" runat="server" ImageUrl="~/App_Themes/Default/images/progressbar1.gif"
                Height="35px" Width="35px" />
            Loading ...
        </div>
    </ProgressTemplate>
</asp:UpdateProgress>

谢谢！

4

2 回答 2

6

我假设您希望它保持在中间，即使在滚动时也是如此。那么你将不得不改变：

    position: absolute;

在

    position: fixed;
于 2011-10-27T09:24:01.200 回答
2

位置：固定；应该做的伎俩，这样加载图像将保持固定在浏览器窗口，所以如果用户滚动图像将保持在浏览器的中心，而不是页面。

演示： http: //jsbin.com/ifimek/edit#javascript,html,live（尝试明显滚动）

于 2011-10-27T09:17:49.290 回答