使用CSS将阴影效果添加到字体中

Question

嘿大家， 我再次需要你的帮助：D

是否可以仅使用CSS将阴影效果添加到HTML中的文本？我正在开发一个有很多按钮的项目，我需要找到一种方法，在不使用图像的情况下将阴影效果添加到文本中，并与最常用的浏览器兼容。我尝试在CSS中使用“text-shadow”属性，但它不起作用。

由于

Answer 1

是的，这是语法：

text-shadow: 2px 2px 2px #000;

一般而言：

text-shadow: x y blur color;

以及指向我找到的网页的链接：http://www.css3.info/preview/text-shadow/。

Answer 2

是。您可以通过Google找到几个问题的答案，但这是最好的答案之一：http://www.kremalicious.com/2008/04/make-cool-and-clever-text-effects-with-css-text-shadow/

Answer 3

由于IE仍然是最常用的浏览器，我担心答案是否定的。

但是，如果您愿意放弃 only css 的要求，可以使用例如this jQuery plugin。

Answer 4

虽然这个问题已经得到解答，但我认为值得补充的是，可以使用以下filter来增加对IE8的支持：

filter: glow(color=#ffff00,strength=3);
filter: dropshadow(color=#ffff00,offX=5,offY=5);

不幸的是，只有如果元素display: block; 和定义的height（或）width，这似乎才有效。 或元素有position: absolute;，这比精彩的要少。

引用我的来源：Text-shadow, at: http://www.howtocreate.co.uk/textshadow.html，虽然我无法验证准确性，因为我没有经常使用IE（任何版本）或Windows，只要有机会。< / p>