最好的CSS按钮，跨浏览器，降级，并处理输入或链接。

Question

我在CSS按钮上看到了很多很好的尝试(例如http://ubuwaits.github.com/css3-buttons/ )。

但我还没有看到一个在生产中安全使用并满足以下所有要求的产品：

• 在所有现代浏览器上都很好看。
• 在较旧的浏览器上优雅地退化到至少IE7 (如果是IE6) --不关心它们看上去是否好，只要它们不是明显的坏
• 同样适用于输入标签(提交按钮)或链接(标签)。

人们在生产中使用的最好的是什么？

Answer 1

最好还是使用css精灵。这包括将所有按钮状态放在一个图像文件中，并将其设置为背景图像属性。通过改变背景图像在不同状态下的位置(活动，悬停)，图像会出现切换，而实际上它所做的只是改变位置。谷歌css精灵教程获得更多信息。

此外，您的导航栏或列表应该是一个无序列表，每个按钮作为

• 元素。这是最坏的。

Answer 2

使用jquery -您不必使用它们的javascript来制作按钮--您只需使用这些类就可以了，它们都很漂亮和亮丽！)

请参阅按钮示例

它们降解得非常好，并且使用它，这意味着您也可以在其中包含很好的html内容;)。还意味着您可以使用themeroller拥有完全可主题化的按钮。

请参阅：更多链接