2013-06-12 29 views
1

卡住原型。這是一個jsfiddle,但是你必須使用DRAFT功能(http://doc.jsfiddle.net/basic/introduction.html#draft-page)才能在IE8中看到它。 http://jsfiddle.net/trevordixon/7rxaE/如何使用Prototype在IE8中旋轉圖像?

<image id="spinner" src="http://cdn3.iconfinder.com/data/icons/transfers/100/239327-loading_spinner-32.png"> 
<script> 
    var angle = 0; 
    setInterval(function() { 
     angle += 0.1; 

     $('spinner').setStyle({ 
      '-ms-filter': '"progid:DXImageTransform.Microsoft.Matrix(' + 
          'SizingMethod = \'auto expand\', ' + 
          'M11 = ' + Math.cos(angle) + ', ' + 
          'M12 = ' + -Math.sin(angle) + ', ' + 
          'M21 = ' + Math.sin(angle) + ', ' + 
          'M22 = ' + Math.cos(angle) + ')"' 
     }); 
    }, 16); 
</script> 

我很樂意爲微調者提供更好的建議;動畫gif不會爲我工作的原因有很多。 。

+0

參見:。http://stackoverflow.com/questions/16415825/image -rotation-in-ie8 –

+1

可能會丟掉'-ms-',記不清是什麼,但有一種感覺,即前綴是在後面添加的。另外,我的鼻子一面想問問它是哪一年!Haven很久沒有看到原型了!:) –

+0

不得不放棄'-ms-'和雙引號。謝謝@RichBradshaw。如果你想要15分足夠糟糕的話,請將其作爲答案。原型仍然支持一些老的賺錢者! –

回答

1

-ms-和」 IE 8使用:

filter: property 

語法,而不是較新

-ms-filter: "property" 
+0

實際上,'-ms-filter''首先在IE8中添加,現在在IE10中被刪除(http://msdn.microsoft.com/en-us/library/ie/ms530752(v=vs.85)。 ASPX)。這很可能是原型搞砸了。 – lqc

+0

啊,我的錯。 –