Javascript 如何创建好的文本深度\阴影效果?(HTML)

Javascript 如何创建好的文本深度\阴影效果?(HTML),javascript,html,css,text,Javascript,Html,Css,Text,我需要一些JS类或CSS方法来从任何文本中创建类似阴影的文本 页面屏幕: (来源:) 我需要它在IE 6、7、8 Chrome 4、FF 3等中工作您可以使用css3的文本阴影属性创建该效果 示例: p.test { text-shadow: #6374AB 20px -12px 2px; } 快速预览: p.test { text-shadow: #6374AB 20px -12px 2px; } 当然,您必须根据需要修改这些值 注意:此属性属于CSS3,Intern

我需要一些JS类或CSS方法来从任何文本中创建类似阴影的文本

页面屏幕:


(来源:)


我需要它在IE 6、7、8 Chrome 4、FF 3等中工作

您可以使用css3的
文本阴影属性创建该效果

示例:

p.test {
    text-shadow: #6374AB 20px -12px 2px;
}

快速预览:

p.test {
    text-shadow: #6374AB 20px -12px 2px;
}

当然,您必须根据需要修改这些值

注意:此属性属于CSS3,Internet Explorer尚不支持此属性。但是,大多数其他现代浏览器都支持CSS3。

Inspect元素说:
文本阴影:0 1px 0#3b3b


更多关于文本阴影的信息请使用。但是,并非所有WebBrowser都支持这一点。你可能想考虑不受支持地不加掩饰。

< P>如果你使用了IE6,必须使用旧的HACK(或者总是滥用jQuery,因为它踢屁股)。大概是这样的:

<style>
  .text1{ color: white }
  .shadow1{ color: silver; position: relative; right: 1px; bottom: 1px }
  .shadow1{ color: black; position: relative; right: 2px; bottom: 2px }
</style>
<div class="text1">Text shadow</div>
<div class="shadow1">Text shadow</div>
<div class="shadow2">Text shadow</div>

.text1{颜色:白色}
.shadow1{颜色:银色;位置:相对;右侧:1px;底部:1px}
.shadow1{颜色:黑色;位置:相对;右侧:2px;底部:2px}
文本阴影
文本阴影
文本阴影

非常非常古老的学校。注意不要将其粘贴在HTML4.01过渡页的表中;-)

那种配色方案让我的眼睛流血!我通常喜欢鲜艳的颜色。你们用什么浏览器来检查元素?firefox和firebug插件。IIRC chrome有一个内置的类似开发者工具栏,或者类似的东西。在chrome中(至少在Ubuntu上),web开发者工具有快捷键“shift+ctrl+i”@ricebowl+1,为此我欢呼,现在我所要做的就是记住它:D