2011-02-24 72 views
0

時,我一直在使用JavaScript函數添加文字動畫:問題,在IE瀏覽器的樣式使用jQuery動畫

<div id="stats"> 
    <div class="textEffects">  
    Text 1 <br />  
    Text 2 
    </div>  
</div> 

<script type="text/javascript"> 
    function loop_font() { 
     $('.textEffects').animate({ fontSize: "1.2em" }, 400, function() { 
      $('.textEffects').animate({ fontSize: "1em" }, 400, loop_font); 
     }); 
    } 

    loop_font(); 

</script> 

動畫工作得很好,但有問題,IE瀏覽器(我使用IE 8) - 當動畫開始css樣式的margin-left從120減少到0.此邊距是文本容器(#stats)的一種樣式,它甚至不是此動畫的一部分。

你有什麼想法做什麼使動畫和所有風格都適合嗎?

+1

'{「font-size」:「1.2em」}'給出一個去:) – Val 2011-02-24 11:33:36

+0

此外,如果這不起作用 - 編輯您的問題,包括您的相關css – 2011-02-24 11:40:44

+0

真正有效的工作是設置:position:絕對; – Marta 2011-02-24 12:50:57

回答

0

我加風格

.textEffects 
{ 
    position: absolute; 
} 

和它的工作。