标题:CSS转换属性-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>
最佳答案
最新的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