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

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

0 голосов
/ 10 мая 2011

После нахождения аналогичного вопроса по 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 разрешить мне делать прозрачные изображения?Я попытался поместить полупрозрачное изображение (кнопка с тенью), но тень темно-черная, и это создает впечатление, что качество было скомпрометировано.Я получу баллы за этот вопрос (если ответит):)

Ответы [ 2 ]

2 голосов
/ 10 мая 2011

Основная проблема - вам нужно использовать полное 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
}
1 голос
/ 10 мая 2011

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

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

...