JavaScript圆角与透明背景

Question

我正在寻找一个JavaScript库，它可以在div标签上创建具有透明背景的圆角，这样父元素的背景颜色/图像在圆角处可见。有关圆角没有透明背景的示例，请查看this page上的左侧菜单。请注意，父元素的背景未显示在菜单项的角落。

我需要这个在IE7 +和FF3 +（理想情况下也是其他浏览器）中工作，我更喜欢JQuery插件。

有没有人有任何有用的资源或插件？

Answer 1

JQuery Corner？

Answer 2

我尝试了两种不同的JQuery转角插件。 This one在FF或IE中均无效，this one仅在FF中有效。

但是，我发现了一个非JQuery库，它在DD_roundies。

中都能很好地工作

Answer 3

它有很多限制......但Transparent Background Corners插件可能适用于您的场景。

但是，如果可以的话，我建议实际使用CSS进行所有舍入服务器端。它只是div中的div，角落div的填充不同。它消除了Safari和IE将要采取的大量性能影响，并且允许您为不能/不能启用javascript的用户使页面看起来时尚。