使用 jQuery 在文本上添加阴影

Question

我正在工作的网站的主页上有一条文字。文本可以使用 CMS 进行更改和控制，因此是可变的。我可以选择哪些选项来为该文本添加阴影？我使用 this 示例找到了部分解决方案。这并不完全给我我正在寻找的东西。我看到正在创建阴影，但它与文本不内联。

这就是我使用 dropshadow 插件的方式；

$("#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/

所有 D 最好的:)

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> 

？在 1 个 div 中设置 2 个 id 标签？