Получение теневого текста для работы в IE

Question

После нахождения аналогичного вопроса по SO, у меня все еще есть проблемы. Вот мой CSS:

        .title {
            position:absolute;
            bg-color:#FF0000;
            z-index:10;
            width:100%;
            height:100%;
            font-size:250%;
            color: #FCD116;
            text-shadow: 2px 2px 3px #555;
            filter: dropshadow(color=#555, offx=1, offy=1);
            zoom:1
        }

В Google Chrome тень смещена примерно на 2 пикселя. Это именно то, что я хочу. В IE, однако, тени очень далеко (относительно того, что я хочу) и коренастые. Я установил offx и offy на один. Почему это не работает? Я никогда не использовал этот метод раньше, я просто нашел его сейчас, глядя на предложения по SO с моим названием.

КАК ПОБОЧНОЕ ПРИМЕЧАНИЕ

Пока я спрашиваю, кто-нибудь знает, как заставить IE разрешать мне делать прозрачные изображения? Я попытался поместить полупрозрачное изображение (кнопка с тенью), но тень темно-черная, и это создает впечатление, что качество было скомпрометировано. Я получу баллы за этот вопрос (если получу ответ):)

Answer 1

Основная проблема - вам нужно использовать полное 6-значное шестнадцатеричное значение - то есть #555555 - внутри фильтра.

Побочный вопрос - лично я нашел скрипт belated_png Дрю Диллера как быстрое и надежное решение. Вставьте скрипт и примените класс png_bg ко всему, что вы хотите иметь альфа-прозрачность.

PS - http://jsfiddle.net/peXwY/

.title {
    position:absolute;
    bg-color:#FF0000;
    z-index:10;
    width:100%;
    height:100%;
    font-size:250%;
    color: #FCD116;
    text-shadow: 2px 2px 3px #555;
    Filter: DropShadow(Color=#555555, OffX=2, OffY=2, Positive=1);
    zoom:1
}

Answer 2

Вот некоторая хорошая информация для вашей заметки... Кроме того, посмотрите на ссылку "ловкость" внизу: http://24ways.org/2007/supersleight-transparent-png-in-ie6

Что касается основной проблемы, учитывая возможность возиться с z-index.title. Я помню, что у меня были проблемы с этим в IE несколько месяцев назад, и это было из-за того, как IE упорядочивал вертикальные объекты на странице.