Question

我做了淡入淡出并且淡出了一个包含img缩放的div，在Chrome，FF，Safari中效果很好。但是在IE9中不起作用，功能淡入淡出效果却没有使用img缩放，用img不缩放。

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％或不透明度）< / p>

我试图不使用display：none但是使用.hide（）或者只是改变img的不透明度但仍然不能正常工作

请有人能给我一些关于这个不便的信息吗？

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;
}

使用缩放淡入div：150％并显示无...在IE9中工作

2 个答案: