爲什麼我不能使用jQuery設置-ms-transform？

這是我整個頁面的代碼。該div在Firefox中旋轉（如預期），但不在IE9中。使用普通的CSS設置-ms-transform屬性會使div旋轉，所以問題似乎源於嘗試使用jQuery設置屬性。有誰知道發生了什麼事？爲什麼我不能使用jQuery設置-ms-transform？

<!DOCTYPE html> 
<html> 
<head> 
<script type="text/javascript" charset="utf-8" src="/jquery-latest.pack.js"></script> 
<script>  
    $(function(){ 
     $("#divid").css("-ms-transform", "rotate(-90deg)"); // For IE9 
     $("#divid").css("-moz-transform", "rotate(-90deg)"); // For Firefox 
    }); 
</script> 
</head> 
<body> 
    <div id="divid">Foo</div> 
</body> 
</html>

來源

2011-06-25 zjmiller

是你的doctype <！DOCTYPE HTML>不破？你能檢查這是否是頁面的開始。 – kobe

沒有空間DOCTYPE – zjmiller

其實你可以！ :-)

$('#divid').css({ msTransform: 'rotate(-90deg)' }); // for IE9

來源

2011-06-25 17:39:56 andyb

這可能是更容易使用這個CSS類：

.rotated { 
    -ms-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
} 

------ 

jQuery(function ($) { 
    $('#divid').addClass('rotated'); 
});

來源

2011-06-25 17:38:38 nickf

對於WebKit瀏覽器（Chrome瀏覽器，Safari瀏覽器），您可以添加兼容之前的「-webkit-改造」 – Bakudan

@Bakudan，是的，很明顯，你可以添加你需要爲你的目標瀏覽器到CSS樣式什麼。 – nickf

這可能是相關的：http://bugs.jquery.com/ticket/8346

的一個報告其使用傳開：

jQuery.cssHooks["MsTransform"] = { 
    set: function(elem, value) { 
     elem.style.msTransform = value; 
    } 
}; 

$("#divid").css("MsTransform", "rotate(-90deg)");

來源

2011-06-25 17:39:51

爲什麼我不能使用jQuery設置-ms-transform？

回答

相關問題