2013-02-01 109 views
0

此代碼允許我在鼠標懸停其中一個時緩慢旋轉圖像。css3旋轉在IE9中不起作用

.foo img { 
    -webkit-transition: all 0.5s ease; 
    -moz-transition: all 0.5s ease; 
     -o-transition: all 0.5s ease; 
     -ms-transition: all 0.5s ease; 
      transition: all 0.5s ease; 
    } 
    .foo img:hover { 
     -webkit-transform: rotate(-10deg); 
    -moz-transform: rotate(-10deg); 
     -o-transform: rotate(-10deg); 
     -ms-transform: rotate(-10deg); 
      transform: rotate(-10deg); 
    } 

它適用於FF18和Opera。但是,我無法讓它在IE9上工作,即使是-ms轉換應該是適當的解決方案。如果沒有特定的css img:hover規則,IE9就會起作用。 任何提示? 感謝

+0

http://stackoverflow.com/questions/4865167/css3-transform-rotate-in-ie9 –

+1

IE9不支持轉換。但它完全可以懸停和旋轉。 – Spudley

+0

歡迎來到我的朋友網頁設計的世界 –

回答