javascript - 在 div 中使用 zoom:150% 淡入淡出并显示 none..在 IE9 中不起作用

Question

我制作了淡入和淡出一个包含放大图像的 div，这在 Chrome、FF、Safari 中效果很好。但是在IE9下不行，Fade in and Fade out功能很好但是没有使用img zoomed，是使用img not zoomed。

the stylesheet:

#facearea
{
    zoom:150%;
    position:absolute;
    z-index :1;
       border: 0px black solid;



}

#facearea1
{

z-index: 2;
zoom:150%;
position:absolute;


}  


javascript/text
unction Mode_3_1() 
{ 

document.getElementById('facearea1').style.visibility = 'visible'; 
document.getElementById('facearea').style.visibility = 'visible'; 



document.getElementById('facearea').style.display = 'block'; 
document.getElementById('facearea1').style.display = 'none';
$('#facearea1').fadeIn( 1000 );
}

我猜的问题是当我设置 display='none' 时，就像我设置 display='non' 之后当前 div 的所有“属性”都被忽略（例如缩放：150% 或不透明度）

我试图不使用 display:none 但 .hide() 或者只是更改 img 的不透明度但仍然无法正常工作

请问谁能给我一些关于这个incevenient的信息？

Answer 1

您可以尝试使用zoom:1.5;istead zoom:150%;。我希望这会奏效，因为我没有 IE9 来测试它。

Answer 2

我通过将!important属性放在之后解决了这个问题zoom:150%

#facearea1,
#facearea
{
    zoom:150%!important;
    position:absolute;
    z-index:1;
    border: 0px black solid;
    top:190;
    left:80;
}