Question

我试图通过屏蔽整页来显示加载图像。因此页面中的其他元素无法访问。但它不仅仅适用于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;
}

提前致谢

Answer 1

我做了一些测试，IE7似乎不喜欢直接对html标签做的事情。尝试在$（'body'）上使用mask。

$（“html”）。掩码在IE7中不起作用

1 个答案: