Проблема с отображением в IE

[moss]

В IE (смотрел только в 9-ой версии), проблема с отображением текста, текст размытый и ссылка не кликабельная.

ниже выложу кусок косячного css кода, надеюсь кто-нибуть подскажет в чем проблема.

адрес сайта http://ingeniare.ru

.ribbon em {
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
        M11=1.5320888862379554, M12=-1.3855752193730787,
        M21=1.2855752193730796, M22=1.6320888862379558);
		margin-top:-50px;
		margin-left:-40px;
		font-size:7px;
}

img {-ms-interpolation-mode: bicubic;}
#top-titlemenu ul li {width:200px !important;}
.sombra625{margin-top:-3px !important}

[psywalker]

скорее всего дело в фильтре. Попробуй отрубить его и проверь.

Наверное вариантом будет наложение сверху ссылки, абсолютом.

[Nekromancer]

Всё дело в матрице вращения. К сожалению при вращении браузер создаёт неправильное сглаживание.

Для ие 9+ можно использовать:

transform: rotate(45deg);

Тогда всё будет ок.

В некоторых случаях такое и в WebKit происходит ... Для фикса Safari:

-webkit-transform: rotate3d(0, 0, 0, 45deg);

Увы, на Chrome не сработает и он будет всё так же плохо показывать.

[psywalker]

Nekromancer,

Дружище, а объясни плиз, чем отличается transform: rotate3d и просто transform: rotate?

[Nekromancer]

3d может поворачивать объекты по всем трём осям, то есть в 3d пространстве. По всей видимости в Safari для этого используется другая функция, не та которая в обычном rotate, для понимания уже просто нужно тебе прочитать про матрицы вращения.

А в Хроме происходит какой то баг рендеринга если один из парентов имеет position: relative; или какое другое свойство, пока не нашёл как его пофиксить к сожалению, хоть мне для проекта нужно ...

[psywalker]

3d может поворачивать объекты по всем трём осям, то есть в 3d пространстве. По всей видимости в Safari для этого используется другая функция, не та которая в обычном rotate, для пониманию уже просто нужно тебе прочитать про матрицы вращения.

А в Хроме происходит какой то баг рендеринга если один из парентов имеет position: relative; или какое другое свойство, пока не нашёл как его пофиксить к сожалению, хоть мне для проекта нужно ...

Понял, спасибо.

[moss]

скорее всего дело в фильтре. Попробуй отрубить его и проверь.

Наверное вариантом будет наложение сверху ссылки, абсолютом.

как я понял фильтр надо вырубить в IE, но вот честно я там его не нашел в настройках, да и в общем то какая разница, юзверя будут заходить с фильтром же. Вот и вопрос, что делать )

[Nekromancer]

Ну в ИЕ7-8 вроде показывает нормально, хотя для 7го вообще не правильно у вас стиль определён. А для 9го я сказал что нужно написать. Только не transform, а - -ms-transform. Есть так критично можно ещё делать через vml и поворачивать там