JobHub.ru — система автоматизации и управления бизнесом

Тень у текста посредством css (text-shadow)

Тень у текста посредством css (text-shadow) для IE

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

В css3 есть такое свойство как text-shadow, которое позволяет делать у текста тень. Опять же его понимают только современные браузеры и для ишака то и нужно подключать jquery и соответствующий плагин.

Сам плагин можно скачать отсюда: http://kilianvalkhof.com/uploads/jquerytextshadow/jquery.textshadow.js
Автор скрипта рекомендует ставить версию jquery выше чем 1.20

Установка тени обычным способом производится следующим образом

.class {
	text-shadow:2px 2px 3px #696969;
}

Теперь, чтобы заработало и в ИЕ, нужно подключить скрипты (сам jquery и плагин) и прописать в head следующее

<script type="text/javascript">
	$(document).ready(function(){
		$("div.text-shadow").textShadow();
	});
</script>

Пример использования text-shadow

можно посмотреть здесь: http://kilianvalkhof.com/uploads/jquerytextshadow/


Комментарии

|
27 Декабрь 2010 в 11:06

Я протестировал эту фичу – не работает в 8 версии интернет-эксплорера…. А потому штука ненужная…. Полезно было бы иметь такую, которая была бы для всех браузеров без исключения. Ну а пока микрософт не до конца слизал для свих браузеров код с файрфокса и оперы, интернет-эксплорер так и будет работать только на половину как браузер ….

ОтветитьОтветить
|
27 Декабрь 2010 в 17:39

у меня работало. Плагин не забыли подключить?

ОтветитьОтветить

Оставить комментарий

Разрешенные теги: a (href, title), b, i, strike.


Ваше имя *

E-mail (не публикуется) *

Адрес блога

Комментарий *