變換：在IE輪播不工作與母版

我有一個aspx文件這個HTML DIV：變換：在IE輪播不工作與母版

<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

來源

2014-01-12 Chana

我發現我的問題是這個在masterPage上：meta http-equiv =「X-UA-Compatible」content =「IE = EmulateIE7」我將它改爲：meta http-equiv =「X-UA-Compatible」content =「IE = EmulateIE7; IE = EmulateIE9」現在正在工作 – Chana

我會建議使用類來代替它，它會幫助你更好地調試你的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。

來源

2014-01-12 17:55:32

變換：在IE輪播不工作與母版

回答

相關問題