html - 使用 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

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

Answer 3

由于 IE 仍然是最常用的浏览器，恐怕答案是否定的。

但是，如果您愿意放弃对css的要求，您可以使用例如这个 jQuery 插件。

Answer 4

虽然已经回答了这个问题，但我认为值得补充的是，可以使用以下filters 添加对 IE8 的支持：

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

不幸的是，这似乎只在元素具有display: block; 和定义的height(or)时才有效width；或者元素有position: absolute;一点不太美妙。

引用我的来源：Text-shadow，位于： http: //www.howtocreate.co.uk/textshadow.html，虽然我无法验证准确性，因为我不经常使用 IE（任何版本）或 Windows，如果有机会。