我非常擅长将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相同。
由于
答案 0 :(得分:1)
请参阅此问题:jquery IE Fadein and Fadeout Opacity
将showboxlogin
功能更改为以下内容:
function showboxlogin(id)
{
$('#overlaynew').css('filter', 'alpha(opacity=50)');
$('#overlaynew').fadeIn( 2000, function(){ $('#minilogindiv').show(); });
}