$（「html」）。mask在IE7中不起作用

我試圖通過掩蓋整個頁面來顯示加載圖像。因此頁面中的其他元素不可訪問。但它不適用於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; 
}

在此先感謝

來源

2012-06-08 shankar

我一些測試和IE7似乎不喜歡把東西直接做HTML標記。嘗試在$（'body'）上使用掩碼。

來源

2012-06-09 12:53:39

它可能是設計，但設置在身體選擇器應該也適用於所有瀏覽器，所以這應該是一個足夠好的解決方案。 –

$（「html」）。mask在IE7中不起作用

回答

相關問題