Javascript：如何创建一个圆角标签菜单？

嗨，伙计们，你知道我可以下载的任何圆角选项卡吗？或者我怎样才能创建一个这样的标签？是否需要在选项卡菜单中使用图像？我用过：

-moz-border-radius-topleft: 5px; 
-moz-border-radius-topright: 5px; 
border-top-left-radius:5px; 
border-top-right-radius:5px;

但它并不完美。你知道有关圆角标签的有用链接/教程吗？

感谢提前:)

干杯，马克

2009-08-10 marknt15

最漂亮的圆角总是会被那些使用图像来完成。还有什么是浏览器的最佳尝试，这可能不是你想要的。仅使用图像也更容易。

你只需要一个小图像为每个角落，另一个花砖图像的边缘其余部分。把它全部插入CSS类，你很好走。

2009-08-10 02:50:35

感谢您的建议马修。我试图找到具有圆角的JS标签，并且容易定制，但是我找不到一个。我将只创建我自己的圆形标签和我自己的JS选项卡的图像。我在想这个标签菜单的背景是一个应用了滑动门技术的图像，这样一个非常大的文字将被图像背景覆盖。 – marknt15 2009-08-10 03:41:49

尚未被所有浏览器都支持，但是你可以使用CSS3来，而不需要图像或JavaScript很容易地显示圆角：

<div style="-moz-border-radius: 5px; -webkit-border-radius: 5px;"> 
    Rounded corners! 
</div>

这应该允许适度的降级在较旧的浏览器中（只是不会显示为圆整），但如果要确保所有用户都具有相同的体验，我仍然倾向于使用图像。

2009-08-10 12:58:07

我已经在使用该功能，但是您无法使用该功能在我张贴的图片中创建舍入的javascript选项卡。 – marknt15 2009-08-13 02:44:31

为什么不使用jQuery UI？他们有很好的圆形标签。请参阅http://jqueryui.com/themeroller/#themeGallery

2009-08-10 13:00:52 Cleiton

jQueryUI只在本地支持它们的浏览器上具有圆角（Mozilla Firefox和Webkit帮派） – 2009-08-10 13:40:47

因为jQuery UI选项卡在Drupal的fieldset手风琴中有冲突。 – marknt15 2009-08-13 02:45:25

回答