使用jQuery在文本上添加阴影

如何解决使用jQuery在文本上添加阴影

| 我正在工作的网站首页上有一条文字。文本可以使用CMS进行控制更改，因此是可变的。我有什么选择可以使这本书成为阴影？我已经找到了使用此示例的部分解决方案。这并不能完全给我我想要的东西。我看到正在创建阴影，但是它与文本不对齐。 这就是我使用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则无法完成。     

解决方法

如果您已经在使用所有字体的Cufon，那么容易的事情就是可以利用Cufon自己对文本阴影的样式支持

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

这里显示了一个更详细的示例。     ,转到此处创建所需的任何内容，它将最多自动生成跨浏览器的CSS http://css3generator.com/ 全部D最佳:)     ,

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

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