0

ズームされた img を含む 1 つの div のフェードインとフェードアウトを作成しました。これは、Chrome、FF、Safari でかなりうまく機能します。しかし、IE9では機能しません.フェードインとフェードアウトの機能はうまく機能しますが、ズームされた画像を使用しませんでした.ズームされていない画像が使用されます.

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 の不透明度を変更しようとしましたが、まだ機能していません

どなたか、この不都合についての情報を教えていただけませんか?

4

2 に答える 2

0

!important属性を後に置くだけで問題を解決しましたzoom:150%

#facearea1,
#facearea
{
    zoom:150%!important;
    position:absolute;
    z-index:1;
    border: 0px black solid;
    top:190;
    left:80;
}
于 2012-07-26T09:44:07.923 に答える
0

zoom:1.5;istableを使用してみることができますzoom:150%;。テストするIE9がないので、うまくいくことを願っています。

于 2012-07-25T19:13:09.067 に答える