最强大的CSS按钮解决方案?

使用现场的工具 http://css-tricks.com/examples/ButtonMaker

它 是 可以使用梯度, box-shadow , border-radius , rgba 旧版Internet Explorer中的颜色等,使用 CSS3 PIE . 看看 their demo 所有这些CSS3属性。

现在,把CSS3派和 button maker 在评论中提到,你就完了!

here

是的,他们确实使用了一些图像…但是这些图像对于jqueryui的许多其他特性也是通用的,jqueryui为您的页面提供了一些惊人的特性(而且一直都有更多的特性),它确实优雅地降级了,您可以通过另一个JQuery插件将其扩展到IE中。我最喜欢的部分是ThemeRoller,它允许您使用支持ThemeRoller的插件构建页面,然后随意设计或更改页面样式,甚至可以使用浮动在站点上的工具。您可以很容易地为您的用户提供一种方法,通过单击按钮来切换站点的整个主题。另外,还有一个编辑器,如果你不喜欢那里的内容,可以轻松地制作你自己的主题。

至于渐变,你有淡入淡出,淡入淡出,曲线淡出,模式,然后“建立你自己的”与这些和更多的加色覆盖和不透明的变化选项。

设置按钮非常简单: <button class="ui-state-default ui-corner-all" type="submit">Button</button>

没有办法只使用CSS来完成您的要求,因为渐变和角点在CSS3时才被添加,即使现在它们仍然没有得到完全支持。

现在实现渐变的最好方法是使用一个实际的图像,你可以确信大多数浏览器(如果不是所有的浏览器)都会支持它(如果你使用的是.png图像,IE6可能会有问题,但是CSS黑客可以绕过它)。

圆角可以通过两种不同的方式添加到站点:

• 第一种是通过图像,你可以把这些在角落的元素给圆外观。我之前说过的关于.png图像的内容在这里仍然适用。
• 第二种方法是使用JavaScript。大多数框架的插件设计都考虑到了web2.0的特性。我推荐jQuery,因为它很容易实现。