阴影文本：CSS还是图形？

Question

我有一个内部网页应用程序，在页面顶部有一个图像，当前包含一些带阴影的英文文本。我现在需要为各种语言提供本页面的本地化版本。我的主要选择是：

• 对于每种支持的语言，包含本地化文本都有不同的图形。
• 使用CSS将本地化文本放置在纯文本图像上，使用complex CSS technique可以在大多数当前浏览器中获取放置阴影。

还有其他的选择吗？这是针对教育环境的，我无法控制学生使用的浏览器。

我曾尝试删除图形中的阴影，并将文本移动到HTML中的标题中，但都没有吸引力。人们说它看起来像是当前页面的廉价仿制品，这让我感到很自豪。

Answer 1

就我个人而言，我是像这样的视觉效果的CSS技术的粉丝。最大的好处是您可以将处理效果卸载到客户端，从而节省带宽和内容创建时间（每个语言环境的自定义文本图像都是一个大订单！），并为用户提供更快的下载页面。

避免它的唯一原因是，如果您绝对必须在非常老的（IE5）浏览器上放置阴影，并且旁边没有CSS支持。

编辑：只是想到了一些东西 - 我喜欢这种情况下，我需要一个特定的字体或一些确切的文字效果的情况我已经使用PHP来渲染具有特效的文本，并将其缓存到服务器端。这样您可以避免内容创建过程，并获得更宽的浏览器支持来交换带宽和服务器CPU时间。如果权衡是可以接受的，那就是你的呼叫。

Answer 2

为请求服务器端生成每种语言的图像，并添加阴影。根据需要缓存它们。

如果你可以使用难懂的，你可以refer to this tutorial生成文本+阴影...

Answer 3

保持与文本图像可以是一个痛苦 - 即使没有本地化，我会避免。

两种选择，我会之前，你的选择会尝试是：

• 寻找产生下拉阴影图像的免费程序，你可以有你的程序使用只要检测到新的文本也支持标题
• 使用可重复的背景图像文本

如果这些不工作下方的阴影图像，我想尝试的CSS，但你可以在尽可能多的浏览器测试在与它一起生活之前你自己。

Answer 4

那么，Safari支持一个专有的CSS属性的阴影，但它不会在其他浏览器中工作。 CSS3也会有阴影（实际上只有一个用于框，但也可用于文本，例如当框具有透明背景时）。

但是看到大多数浏览器到目前为止还没有100％的CSS2支持，我想你需要选择其中的一种。当然，还有一个不那么复杂的CSS技巧获得阴影：

Drop Shadows for Everyone

但他们不看像你一样真实的阴影，因为它们不是模糊。此外，您需要在HTML中使用两次文本才能正常工作。