CSS變換屬性 - 在IE9和IE10結果不一致

標題：CSS轉換屬性 - 結果不一致的IE9 & IE10CSS變換屬性 - 在IE9和IE10結果不一致

在IE9 & IE10看，這一沼澤標準W3Schools的演示代碼下面進行不一致。該問題是未能識別變換屬性。

用本地存儲在計算機上的文件打開時（即桌面）
在存儲在共享驅動器上打開時失敗， Web服務器，但直接訪問（不通過http）
共享上的同一文件通過http引用打開時有效。

試圖找出差異化因素。

<!DOCTYPE html> 
<html> 
<head> 
<style> 
div { 
    width: 200px; 
    height: 100px; 
    background-color: yellow; 
    /* Rotate div */ 
    -ms-transform: rotate(7deg); /* IE 9 */ 
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */ 
    transform: rotate(7deg); 
} 
</style> 
</head> 
<body> 

<div>Hello</div> 
<br> 

<p><b>Note:</b> Internet Explorer 8 and earlier versions do not support the transform property.</p> 
<p><b>Note:</b> Internet Explorer 9 supports an alternative, the -ms-transform property. Newer versions of IE support the transform property (do not need the ms prefix).</p> 
<p><b>Note:</b> Chrome, Safari and Opera supports an alternative, the -webkit-transform property.</p> 

</body> 
</html>

來源

2015-06-23 dob_stack

可以肯定的是，Chrome和Opera不再使用webkit。 – Rob

最新W3Schools的代碼是

div { 
    -ms-transform: rotate(7deg); /* IE 9 */ 
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */ 
     transform: rotate(7deg); 
    }

http://www.w3schools.com/cssref/css3_pr_transform.asp

來源

2015-06-23 02:09:59

它看起來像問題是瀏覽器在某些情況下切換到怪癖模式，並且修復了這個添加到頂部的頭...

<meta http-equiv="x-ua-compatible" content="IE=Edge"/>

我認爲這仍然是有效的代碼強制日期t標準模式。

來源

2015-06-23 06:14:08

CSS變換屬性 - 在IE9和IE10結果不一致

回答

相關問題