Тень от текста в html

[santechnik]

Подскажите, реально-ли сделать тень от текста при помощи стандартных средств html и css, если текст находится сверху бэкграунда?

Если нет, подскажите простое решение плиз.

[Xenium]

Подскажите, реально-ли сделать тень от текста при помощи стандартных средств html и css, если текст находится сверху бэкграунда?

Если нет, подскажите простое решение плиз.

Можно, но работает только в IE.

 style="filter:Shadow(Color="цвет тени", Direction="направление тени, число от 0 до 315")"

еще один способ:

style="filter:DropShadow(Color=color, OffX=Смещение тени по X, OffY=Смещение тени по Y, Positive=Значение или 0, или 1)"

[Tokolist]

такая вещь есть в CSS3

http://www.css3.info/preview/text-shadow.html

Для ИЕ способ уже указали, но насколько мне известно через сглаживание шрифтов в ХР и выше, данный фильтр будет работать не корректно.

Есть ИМХО два самых простых и эффективных способа

1. использовать банальную картинку

2. используя позиционирование наложить один слой на другой. Верхний чуть сместить, я для нижнего задать цвет тени

(кажется такой пример есть даже на htmlbook.ru (я что-то не смог найти (может плохо искал )))

Но это при условии, что текста не много... хотя в принципе не факт...

Стоп. А "сверху бэкграунда" это как? если так как я думаю, то в любом графическом редакторе...

[Maslakoff]

Есть фича с прозрачными PNG... Просто береш любой текст в фотошопе, растирезуеш слой, копируеш его в новый док, делаеш прозрачную основу, приделываеш к тексту тень.... Вс? там сохраняеш в файл типа *.png и вставляеш слоем на страницу.

.alpha_png {
 background:url(images/text_whith_shadow.png) no-repeat;
 width:100px;
 height:20px;
}

...

<div class="alpha_png"></div>

Просто вставляеш на стреницу. В фф и опере будет вс? ок. Для ие нужно подключить к этому слою хак.

*html .alpha_png {
 background: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/text_whith_shadow.png");
}

вот, и все дела)

[Vlad]

Увы, text-shadow не работает в настоящее время ни в одном браузере.

Можно наложить друг на друга два текста с разными параметрами цвета, это дескать и будет эффект тени. Но хлопоты не стоят результата.

[strix]

поддержка в Safari есть:

http://www.quirksmode.org/css/textshadow.html

[santechnik]

Стоп. А "сверху бэкграунда" это как? если так как я думаю, то в любом графическом редакторе...

в том-то вся и фишка, что текст должен быть текстом, и изменять цвет при наведении курсора

[Tokolist]

в том-то вся и фишка, что текст должен быть текстом, и изменять цвет при наведении курсора

Тогда делай так, как уже сказали: наложением слоев, или же нарезать изображение так, что бы заголовок был отделен и при наведении указателя изменять эту часть изображения (хотя получится довольно объемно).

ИМХО тут только наложение слоев и поможет....

[santechnik]

поддержка в Safari есть:

http://www.quirksmode.org/css/textshadow.html

не сильное утешение, т.к. сафари работает корректно только на маке, на винде страницы отображает криво

:/

[santechnik]

Тогда делай так, как уже сказали: наложением слоев, или же нарезать изображение так, что бы заголовок был отделен и при наведении указателя изменять эту часть изображения (хотя получится довольно объемно).

ИМХО тут только наложение слоев и поможет....

я так понял, в стиле описать местоположение для каждого объекта? для верхнего и нижнего сделать 2 стиля?