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

Question

我很擅长将 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一样。

谢谢

Answer 1

看到这个问题：jquery IE Fadein and Fadeout Opacity

将您的 showboxlogin 函数更改为以下内容：

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