4

ページの読み込み時にローダーの画像を表示したい不透明な状態で適用していると同時に、背景のリンクをクリックできないようにします。以下のコードは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;    
}
4

4 に答える 4

2

背景色を追加してみてください。他の回答を参照することを忘れないでください

#load 
{
   /* position: absolute;
    z-index: 1000;*/
    position: absolute;
    background:#333;
    left:0;
    top:0;    
    z-index: 1000;
}
于 2012-10-30T06:30:34.223 に答える
0

あなたはこれを行うことができます：

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

これでうまくいくはずです。

于 2012-10-30T05:37:20.443 に答える
0

実際、IE8以前のサポートでは、これでうまくいくはずです

$("#load").css({
    "width":"100%",
    "height":"100%",
    "opacity":"0.8",
    "filter":"alpha(opacity=80)"
});
于 2012-10-30T05:52:42.720 に答える
0

このリンクにアクセスすると、このリンクで問題を見つけることができます

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;
于 2012-10-30T05:53:42.880 に答える