javascript - 使用 jQuery 在文本上添加阴影

标签 javascript jquery html css

我正在工作的网站的主页上有一条文字。文本可以使用 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,这是无法完成的。

最佳答案

到这里创建任何你想要的东西,它最多会自动生成跨浏览器的CSS

http://css3generator.com/

所有D最好的:)

关于javascript - 使用 jQuery 在文本上添加阴影,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6123112/

相关文章:

javascript - 如何使用 onclick 事件在同一窗口和选项卡中打开链接?

javascript - this 与函数的强制绑定(bind)

javascript - 我正在制作一个图像 slider ,但只有第一张图像显示它不显示其余图像

javascript - 使用 JavaScript 创建自定义标签/属性

javascript - 如何检查滚动条是在开头还是结尾?

javascript - 匹配 float 但不匹配由点分隔的日期

javascript - 当文本溢出 div 时将其换行

javascript - ionic 侧菜单 : disable drag for one side but allow to other?

javascript - 鼠标悬停工具提示在 JQuery Accordion 中不起作用

css - 使用 CSS 控制 div 内联 block 之间的换行间距