3

ページ全体をマスキングして、読み込み中の画像を表示しようとしました。したがって、ページ内の他の要素にはアクセスできません。ただし、IE7 のみでは機能しません。他のブラウザでは問題なく動作しています。

私のコードは

$('html').mask('<div class="loading-msg-wrapper"><div class="loading-icon"><img src="ajax-loader-tr.gif"></div><div class="loading-text">Loading ...</div></div>');

CSS:

.loadmask {
    z-index: 6000;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
    background-color: #FFF;
    width: 100%;
    height: 100%;
    zoom: 1;
}
.loadmask-msg {
    z-index: 60001;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid #E80060;
    background: #E80060;
    padding:2px;
}
.loadmask-msg div.loading-outer-wrapper {
    padding:5px 10px 5px 25px;
    background: #fbfbfb url('../images/loading.gif') no-repeat 5px 5px;
    line-height: 16px;
    border:1px solid #E80060;
    color:#222;
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    cursor:wait;
}

前もって感謝します

4

1 に答える 1

1

私はいくつかのテストを行いましたが、IE7 は html タグに対して直接処理を行うことを好まないようです。$('body') でマスクを使用してみてください。

于 2012-06-09T12:53:39.873 に答える