fadein中的jquery不透明度在IE中不起作用

时间:2012-11-17 08:20:49

标签: jquery internet-explorer opacity fadein

我非常擅长将J查询内容放入我的项目中。 我在这里有一个部分,通过点击图像,一个弹出框出现,背景褪色。 我使用下面编写的代码:

<style>     
    #overlaynew{
         width:100%;
         height:100%;
         top:0px;
         background-color:#000;          
                     opacity: .75; /* standard: ff gt 1.5, opera, safari */
                     -ms-filter:”progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”; 
                     filter: alpha(opacity=50);
                     -khtml-opacity: .75; /* safari 1.x */
                      -moz-opacity: .75; /* ff lt 1.5, netscape */

         position:fixed; 
         /*z-index:1000;*/
         display:none;
    }
</style>

<script>
function showboxlogin(id)
{
    $('#overlaynew').fadeIn( 2000, function(){ $('#minilogindiv').show();   
     });        
}
function hideboxlogin(id)   
   {

    $('#minilogindiv').fadeOut( 2000, function(){ $('#overlaynew').hide(); });
}
</script>

它在Firefox中完美运行,同时点击背景淡出并弹出窗口。

  

块引用

但在IE8中,背景完全变暗/变暗。 是否有可能使IE8效果与firefox相同。

由于

1 个答案:

答案 0 :(得分:1)

请参阅此问题:jquery IE Fadein and Fadeout Opacity

showboxlogin功能更改为以下内容:

function showboxlogin(id)
{
    $('#overlaynew').css('filter', 'alpha(opacity=50)');
    $('#overlaynew').fadeIn( 2000, function(){ $('#minilogindiv').show(); });        
}