jquery - 在 IE 9 及更早版本中，在 PageLaod 上显示不透明的加载程序图像

Question

我想在页面加载时显示加载器图像，我将其应用为不透明，同时背景链接不可点击。下面的代码在 FF、Chrome 中运行良好，但在 IE 浏览器中存在一些问题 - 当不透明加载器图像同时显示时，背景链接是可点击的。我不希望在加载程序图像显示时这些链接是可点击的。

<script>      
$(document).ready(function() {     
});    

function displayLoader()     
{         
alert('hello');     
$('#load').html('<img src="../images/icn/loader.gif"/>');     

$("#load").css("width", "100%").css("height", "100%");       

$("#load").addClass("load");    

$("#divPage").addClass("loaderStyle");    
}     

</script>         
<div id="divPage" style="background:#F2F2F2;height:500px;">   
<a onclick="displayLoader();" href="#">click me</a>   
<div id="load"></div>   
</div>    

and **CSS**    
.loaderStyle    
{     
opacity: 0.80;       
filter: alpha(opacity=80);     
}     

#load     
{    
position: absolute;    
/*margin: -25px 0 0 -25px;*/    
z-index: 1000;    
}     

Answer 1

尝试添加背景颜色，请不要忘记参考其他答案

#load 
{
   /* position: absolute;
    z-index: 1000;*/
    position: absolute;
    background:#333;
    left:0;
    top:0;    
    z-index: 1000;
}

Answer 2

你可以这样做：

$("#load").css({
    "width":"100%",
    "height":"100%",
    "opacity":"0.8"
});

这应该可以解决问题。

Answer 3

实际上，对于 IE8 和更早的支持，这应该可以解决问题

$("#load").css({
    "width":"100%",
    "height":"100%",
    "opacity":"0.8",
    "filter":"alpha(opacity=80)"
});

Answer 4

您访问此链接，您可以在此链接中找到您的问题

http://www.w3schools.com/css/css_image_transparency.asp

并使用此代码优化您的代码

$("#load").css({"width":"100%","height":"100%"})

/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;