2015-06-23 3 views
0

Название: CSS Transform Свойство - Противоречивые результаты на IE9 & IE10CSS Transform Свойство - несогласованные результаты на IE9 и IE10

Это болото стандартные w3schools демо ниже код выполняет непоследовательно, если смотреть на IE9 & IE10. Проблема заключается в неспособности распознать свойство transform.

Работает при открытии с файлом, хранящимся локально на компьютере (т.е..Desktop)
Не удается открыть при сохранении на диске общего доступа, например. Веб-сервер, но доступ непосредственно (не через 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> 
+0

Уверен, Chrome и Opera больше не используют webkit. – Rob

ответ

0

Похоже, этот вопрос был браузер переключения и режим Quirks в определенных контекстах, и исправление было добавить это к вершине головы ...

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

Я полагаю, что это по-прежнему действительный код для принуждения t Режим стандартов.

Смежные вопросы