Question

我在aspx文件中有这个HTML div：

<div name='drawingline' style='height: 27.459060435491963px;
     width: 2px; background-color: black; 
     position: absolute; top: 10px;
     left: 805px; 
     transform: rotate(30deg); -ms-transform: rotate(30deg);
     transform-origin: 0% 0%; -moz-transform: rotate(30deg); -moz-transform-origin: 0% 0%;
     -webkit-transform: rotate(30deg); -webkit-transform-origin: 0% 0%;
     -o-transform: rotate(30deg); -o-transform-origin: 0% 0%;'>
</div>

它适用于所有浏览器，但另一个aspx页面使用：MasterPageFile="~/MasterPage.master"并且相同的div不能用于IE

Answer 1

我建议使用一个类，它会帮助您更好地调试CSS。在您的代码段中，缺少-ms-transform-origin: 0% 0%;。也许这可以解决您的问题。

例如： CSS

.drawing_line
{
height: 27.459060435491963px;
width: 2px; 
background-color: black; 
position: absolute; 
top:10px;
left: 805px; 
transform: rotate(30deg); 
-ms-transform: rotate(30deg);
-moz-transform: rotate(30deg); 
-webkit-transform: rotate(30deg);
-o-transform: rotate(30deg); 

transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;    //This was missing
-moz-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
}

HTML：

<div class="drawing_line">
</div>

我检查了上面的css，它在IE11中工作，在9和10中也可以通过更改文档模式。

转换：旋转不在IE中使用母版页

1 个答案: