Использование jQuery для добавления тени на текст

Question

У меня есть текст на главной странице сайта, над которым я работаю.Текст может быть изменен с помощью CMS и, следовательно, является переменным.Какие у меня есть варианты получить тень на этот текст?Я нашел частичное решение, используя этот пример.Это точно не дает мне то, что я ищу.Я вижу создаваемую тень, но она не соответствует тексту.

Вот как я использовал плагин drophadow;

$("#intro-tekst").dropShadow({ 
    left: 0, 
    top: 0, 
    opacity: 0.8, 
    blur: 2 
});

И это примененный CSS к части страницыя работаю;

#intro-tekst
{
    color                   : #FFF;
    float                   : right;
    margin-top              : 130px;
    width                   : 730px;
    text-align              : center;
    font-size               : 22px;
}

#intro-tekst > h1
{
    text-transform          : uppercase;
    padding                 : 0px 0px 0px 0px;
    margin                  : 0px 25px 0px 0px;
    /*font-weight             : bold !important;*/
}

HTML, с которым я работаю, выглядит следующим образом:

<div id="intro-tekst" id="Introductie">
    <h1>Stijlvol in het nieuwe jaar!</h1>
    Naar de mooiste looks!
</div>

Я что-то не так делаю при создании этой тени?Или другое решение доступно?Здесь следует отметить, что я использую Cufon для оформления текста.Я знаю, что это можно сделать с помощью css3, но мне нужно, чтобы веб-сайт поддерживался в IE7 +, FF, Chrome и Safari, и, насколько я знаю, этого нельзя сделать без использования javscript.

Answer 1

Зайдите сюда и создайте все, что вы хотите, он автоматически создаст кросс-браузерный CSS в лучшем случае

http://css3generator.com/

ALL D BEST:)

Answer 2

Если вы уже используете Cufon для всех своих шрифтов, тогда проще всего использовать собственную стилевую поддержку Cufon для text-shadow

Cufon.replace('h1', { 
  color: '-linear-gradient(white, #bcdad3)', 
  fontFamily: 'TradeGothic', 
  textShadow: '2px 2px rgba(0,0,0,.12)' 
});

Более сложный пример показан здесь .

Answer 3

<div  id="Introductie">     
<h1 id="intro-tekst">Stijlvol in het nieuwe jaar!</h1> 
Naar de mooiste looks! </div> 

?установка 2 тегов id в 1 div?