代码之家  ›  专栏  ›  技术社区  ›  DGentry

放置阴影文本:CSS还是图形?

  •  3
  • DGentry  · 技术社区  · 16 年前

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

    • 根据支持的语言使用不同的图形,其中包含本地化文本。
    • complex CSS technique 在大多数当前浏览器中获取阴影。

    我确实尝试过从图形中删除阴影,也尝试过将文本移动到HTML的标题中,但两者都没有吸引力。人们说它看起来像是当前页面的廉价仿制品,伤害了我的自尊心。

    4 回复  |  直到 16 年前
        1
  •  9
  •   Toji    16 年前

    就我个人而言,我是CSS技术的忠实粉丝。最大的好处是,您将效果的处理工作转移到客户端,节省了带宽和内容创建时间(每个区域设置的自定义文本图像是一个很大的订单!),并使用户能够更快地下载页面。

    编辑:我想了一些事情-我需要一个特定的字体或一些确切的文本效果,我使用PHP将文本渲染到一个图像,并将其缓存到服务器端。这样可以避免内容创建过程,并获得更广泛的浏览器支持,以换取带宽和服务器CPU时间。如果折衷是可以接受的,那就由你决定。

        2
  •  4
  •   Shog9    16 年前

    如果你能使用图像魔法,你可以 refer to this tutorial 用于生成文本+阴影。。。

        3
  •  1
  •   Illandril    16 年前

    用文本维护图像可能是一件痛苦的事——即使没有本地化,我也会避免。

    • 寻找一个免费的程序,生成投影图像,你可以让你的程序利用,每当它检测到新的文本是可用的标题

    如果这些都不起作用,我会尝试CSS,但在使用它之前,请在尽可能多的浏览器中测试它。

        4
  •  1
  •   Mecki    16 年前

    Safari为drop shadows支持专有的CSS属性,但在其他浏览器中不起作用。CSS3也会有下拉阴影(实际上只有一个用于方框,但也可能用于文本,例如当方框有透明背景时)。

    但是看到大多数浏览器到目前为止还没有100%的CSS2支持,我想你需要选择两个选项中的一个。当然,有一个不太复杂的CSS技巧来获得阴影:

    Drop Shadows for Everyone