Для того, чтобы в верстке сделать текст под углом, использую свойство CSS3 transform, точнее, его вендорные аналоги
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg); /* для IE9 */
transform: rotate(-45deg);
Для того, чтобы всe отображалось в IE<=8, используется скрипт
<script>
$(document).ready(function(){
if (($.browser.msie == true)&($.browser.version<=8))
{
var deg2radians = Math.PI*2/360,
deg = -45;
rad = deg * deg2radians,
costheta = Math.cos(rad),
sintheta = Math.sin(rad);
$('.currentDate p').css({
filter: 'progid:DXImageTransform.Microsoft.Matrix(M11='+costheta+', M12='+(-1)*sintheta+', M21='+sintheta+', M22='+costheta+', SizingMethod="auto expand", enabled=true)'
});
};
});
</script>
В ие8 он у меня работает, в ие7 - нет. Сделано всё по этой статье с xiper.net, но демо-пример оттуда в ие7 работает, а моя верстка - нет. Подскажите, в чем дело?