Css 如何为网页创建带有动态文本的图形按钮

我希望能够创建像按钮一样的链接，带有动态文本和图形背景，这些按钮还必须在鼠标悬停/鼠标下降以及当前打开与哪个按钮对应的子页面时更改其外观（如鼠标下降）

我想避免使用 -java脚本/jquery -服务器端生成的映像 -闪光

纽约的第一选择是CSS，一种叫做滑动门的技术。在我在非windows机器上测试我的站点之前，一切都很好。而且，在不同平台上呈现相同字体似乎存在问题。我怀疑这个问题与不同系统字体的呈现方式有关，或者可能与某种elese有关，不管怎样，在MAC上（可能在运行linux的机器上），看起来是这样的

在windows上，它看起来略有不同，在某种程度上更糟

是否有可能达到同样的效果

我还有什么选择

我考虑过使用CSS精灵，并且只操纵按钮链接的大小和背景位置，但这包括创建一个包含所有按钮的宽图像，所有按钮都使用特定语言，并且具有所有三种状态。这种方法有效吗？是否有任何严格的指示不使用这种创建按钮的方式

提前感谢您的建议

---

MTH字体取决于机器。除了基本的字体之外，你不能指望机器拥有你想要的字体。您需要有3-4种大致相同的字体，这些字体是您在css中为任何给定字体列出的。列出您的字体系列最喜欢的字体，而不是最不喜欢的字体（从左到右）。机器甚至会显示一些普通字体，但显示方式略有不同

还请记住，虽然在IE和Firefox中，在Mac和Linux上，你经常会并排打开你的站点，但你的用户几乎永远不会。它不需要在所有浏览器中看起来都一样，只需要在所有浏览器中看起来都很好

您基本上要求的是丰富的功能，而没有任何丰富的功能平台（javascript、flash等）

---

我意识到这并不能回答你的问题，我正试着退一步。没有上述任何平台的图像滚动都是困难的，但也是可能的。但这可能要求你放弃在所有浏览器中都完全相同的网站，只追求“好”

如果系统的字体看起来不太好，你就无能为力了。你能做的唯一一件事就是像你说的那样使用一个大精灵。我知道系统的差异，但我希望有可能通过某种方式跳过它，仍然使用文本和滑动门技术。这里有两个独立的问题。“我能用滑动门创建一个按钮切换效果吗？”和“我能让所有浏览器的字体看起来都一样吗？”第一个答案是肯定的，第二个答案是否定的。所以“我能同时做这两件事吗”的答案是“不”。