2011-11-29 78 views
0

我作出了拉斐爾JS動畫渲染圖像,以及由於某種原因,我不能讓圖像在Internet Explorer中呈現9.這裏是我的代碼:IE 9不與拉斐爾JS庫

<!DOCTYPE html> 
<html lang="en"> 

<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=9" /> 
    <link type="text/css" rel="stylesheet" href="css/main.css" /> 
    <script type="text/javascript" src="scripts/raphael-min.js"></script> 
    <script type="text/javascript" src="scripts/jquery-1.7.min.js"></script> 
    <script type="text/javascript"> 
    $(document).ready(function() { 
     var layer0 = Raphael("layer0", 980, 650); 
     var bg = layer0.image("images/landscape_background.jpg", 0, 0, aniWidth, aniHeight); 
    }); 
    </script> 
</head> 

<body> 
    <div class="layer" id="layer0"> 
    </div> 
    <div class="layer" id="layer1"> 
    </div> 
    <div class="layer" id="layer2"> 
    </div> 
    <div class="layer" id="layer3"> 
    </div> 
    <div class="layer" id="layer4"> 
    </div> 
</body> 

</html> 

它在Chrome和Firefox中工作正常,只是不是9.

+0

嘗試將瀏覽器置入IE8兼容模式。如果這有效,那麼與IE9的問題相比。否則,其代碼 – comu

+0

是的,我已經嘗試過,但看不到我的代碼有什麼問題。任何人都可以看到我做錯了什麼嗎? –

+0

嘗試運行jQuery'$(document).ready(function())之外的Raphael代碼;' – comu

回答

1

你需要把拉斐爾啓動函數放在拉斐爾代碼周圍,使其工作。例如。 raphael(function(){