3

Ajax updateprogressを使用していて、loading 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 に答える