Рендеринг действительно текстового рендеринга в Internet Explorer со слоистым текстом

Question

Я нахожусь в процессе написания плагина jQuery для 3D-текста и для Firefox, Chrome и Safari (и других аналогичных браузеров). Я использую свойство text3 shadows CSS3 для визуализации 3D-текста.

В качестве отработки отказа для Internet Explorer я пишу слои текста, чтобы получить тот же эффект.

Проблема, с которой я столкнулся, заключается в том, что, когда я помещаю текст поверх другого текста в Internet Explorer, он выглядит довольно неприятноНеровная форма - и она не лучше с включенным ClearType.

Кто-нибудь знает какие-либо исправления для этой проблемы?

У меня есть пример, который демонстрирует эту проблему, в данный момент вы должны нажатьтекст для включения «Режим Internet Explorer» (который на самом деле хорошо отображается в других браузерах!)

http://www.stevefenton.co.uk/cmsfiles/assets/File/threedee.html

Нажмите «Режим Internet Explorer» в Internet Explorer, чтобы увидеть неприятный видзазубренный текст - сделайте то же самое в другом браузере, и это не проблема.

Answer 1

Вот решение для тех, у кого такая же проблема.

Одна из опций в плагине была для "opacity" - которую я добавлял к элементу с помощью jQuery.css ().Удаление непрозрачности из пути кода Internet Explorer полностью решило проблему.Возможно, сейчас я могу жить без прозрачности ...

Вот пример кода, который вы можете использовать, чтобы повторить проблему.

<h1>Click Me To See Jagged Rendering</h1>
<script type="text/javascript">
    $("h1").click( function () {
        $(this).css({ opacity: 0.5 });
    });
</script>