我正在寻找一种在我的表单上实现CSS中可重用按钮的好方法。要求： - 单独的图像和文本（文本有多种语言） - 翻转效果 - 很好地跨浏览器播放 - 没有javascript（如果可能的话） - 圆角
这是最好的方法吗？几年前我使用的是推拉门技术，但这似乎已经过时了。你会使用CSS3与旧浏览器的后备？有什么特别好的技术想法吗？
答案 0 :(得分：4)
Jquery UI按钮非常棒。它们经过全面测试，完全符合要求，而且看起来非常棒。使用一行代码，您可以立即拥有一个完全风格的按钮。这是事情 - 他们可以在没有Jquery的情况下执行（去图）
因此，标准方法是使用id构建一个元素（a，按钮，输入），并将其设置为Jquery中的按钮，如下所示：$('#element').button()
但是，如果以教程显示的方式执行此操作，则只需向元素添加一些类即可获得类似的效果。因此，要从标签中创建一个按钮，它就是
<a href="" class="ui-state-default ui-corner-all">Button</a>
在这个例子中，没有必要使用jQuery按钮声明设置按钮......你只是按样式进行。它可以灵活地设计出许多不同类型的元素，从而打开了大量的门。
你必须加载Jquery UI css，它提供了ThemeRoller的额外好处，它可以通过简单的文件更改来设置页面上的元素。对于一个必须匆忙改变品牌的网站来说，这真的是一个很好的方式，这使得我公司推出的定制主题应用非常有利可图。
答案 1 :(得分：1)
我会为此使用css sprites。你可以在这里找到他们： http://css-tricks.com/css-sprites/
这基本上是一种制作一个具有所有按钮状态（正常，悬停，选中）的大图像的方法。好处是它是一个http请求，并且您不会在第一次发生悬停时看到闪烁。如果使用此路线，则css背景属性将为图像。然后，您可以使用text-align和line-height将要放置在图像上的文本居中。
答案 2 :(得分：0)
这个库Nifty Corners Cubed使用Javascript，但它是一种相当简洁的方法来舍入div标签链接等。如果不使用滑动门派生技术，很难找到可重用的解决方案。否则你就会制造出不可修复的按钮，这些按钮必须符合你的尺寸。
答案 3 :(得分：0)
您还可以查看PIE http://css3pie.com/
答案 4 :(得分：-1)
精灵是一个很好的选择，我会不时使用它们。
就个人而言，我不介意我的网站在所有浏览器中都不相同，而且我会选择CSS类路线。我记住各种浏览器支持和不支持的内容，如果有一个元素需要某种方式，我会仔细检查W3Schools的兼容性。
让我使用CSS / CSS3类的主要好处是，如果有什么变化，可以通过单个文件中的文本快速完成，如果需要，我可以通过拨号连接快速更改10年前的计算机（如果它们仍然存在）并且没有成像软件。 精灵的优势在于它们在所有浏览器中都得到支持，它们看起来相同（或多或少）。 SpriteMe是我听过的一个书签，如果您决定走这条路，我会帮助精灵。
我认为这是你更喜欢的事情......这些问题是我在做出这种决定时所问的问题： 它会多久改变一次？大或小的变化？如果它发生变化，它将是一个完整的重新设计工作吗？你怎么知道的？你愿意花多少时间学习一些你可能不知道的东西？你的直觉对这个项目说了什么？
我希望这可以帮到你。