Как визуализировать div под наклоном в Internet Explorer

Question

Я разработал сайт для клиента и создал его для них.Он почти завершен (ну, если вы посмотрите на него с помощью Chrome или Firefox), то он закончен.

Часть рисунка показывает своего рода фотографию поляроида в левом верхнем углу экрана под углом.Он состоит из Div и изображения.Код в данный момент делает наклон div под углом, в то время как изображение внутри меняется.

Однако используемый код:

transform: rotate(-7deg);
-webkit-transform: rotate(-7deg); /* Safari and Chrome */
-o-transform: rotate(-7deg); /* Opera */
-moz-transform: rotate(-7deg); /* Firefox */

Не работает ни в одной версии Internet Explorer,Хотя клиент использует Internet Explorer и доставляет мне много горя, потому что он действительно хочет, чтобы это выглядело так.(Кстати, этот клиент - типичный тип человека с формой над функцией).

Что я могу сделать, чтобы наклонить элемент div под углом?

РЕДАКТИРОВАТЬ:

Я использовал плагин CssSandpaper, и он делает то, что мне нужно, до определенного момента.

Вы можете видеть здесь , чтоИзображение называется так, как мне нужно.Однако, с помощью плагина цикла, который я использую, когда изображение меняется, оно исчезает, а затем повторяется.Хотя я не знаю, что это вызвало?

Answer 1

IE8 и ниже не поддерживает rotate свойство.Итак, для этого вы должны использовать IE filter с именем matrixfilter

, попробуйте это:

/* IE8+ - must be on one line, unfortunately */ 
   -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.992546151641322, M12=0.12186934340514761, M21=-0.12186934340514761, M22=0.992546151641322, SizingMethod='auto expand')";

   /* IE6 and 7 */ 
   filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=0.992546151641322,
            M12=0.12186934340514761,
            M21=-0.12186934340514761,
            M22=0.992546151641322,
            SizingMethod='auto expand');

, и вы можете сгенерировать filter отсюда:

http://www.useragentman.com/IETransformsTranslator/index.html