$ ("html"). Маска не работает в IE7

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').