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 回答