Поворот элементов в Internet Explorer 7 и 8

Сегодня столкнулся с проблемой, связанной с горяче любимыми браузерами, Internet Explorer 7 и 8. Было необходимо в java script задавать повороты для блоков.
Погуглив я узнал, что в Internet Explorer можно задавать фильтры(фильтры задаются в стилях) для отображения элементов на страницы. С помощью этих фильтров можно указывать прозрачность, положение, угол поворота и многое другое для отображения элементов.

Со всеми фильтрами разбираться я не стал, а остановился только на том, как можно задать угол для элемента.
Ниже приведен код, как можно задать фильтр для поворота с помощью jquery:

// поворот для ие7 и ие8 ===>>>
var degree = 45; // угол поворота
var rad = (degree * Math.PI) / 180.0;
var	cos = Math.cos(rad);
var	sin = Math.sin(rad);	
// формируем фильтр		
var filter='progid:DXImageTransform.Microsoft.Matrix(sizingMethod="auto expand", M11 = ' + cos + ', M12 = ' + (-sin) + ', M21 = ' + sin + ', M22 = ' + cos + ')';
$("#image1").css('-ms-filter', filter); // задаем стили
$("#image1").css('filter', filter); // задаем стили
Рассказать друзьям:


Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*