JavaScript закругленные углы с прозрачным фоном

Question

Я ищу библиотеку JavaScript, которая может создавать закругленные углы на тегах div с прозрачным фоном, чтобы фоновый цвет / изображение родительского элемента было видно в закругленных углах. Для примера закругленных углов без прозрачного фона, посмотрите на левое меню на этой странице . Обратите внимание, что фон родительского элемента не отображается в углах пунктов меню.

Мне нужно, чтобы это работало в IE7 + и FF3 + (в идеале, в других браузерах), и я бы предпочел плагин JQuery.

Есть ли у кого-нибудь хорошие ресурсы или плагины, которые могли бы помочь?

Answer 1

JQuery Corner ?

Answer 2

Я пробовал 2 разных плагина для округления углов JQuery. Этот не работал ни в FF, ни в IE, а этот работал только в FF.

Однако я нашел не-JQuery библиотеку, которая отлично работала в обоих случаях: DD_roundies .

Answer 3

У него много ограничений ... но плагин Transparent Background Corners может работать в вашем сценарии.

Однако, если вы можете, я бы предложил на самом деле выполнить все округления на стороне сервера с помощью CSS. Это просто div внутри div, с различными отступами для угловых div. Он избавляет от огромного снижения производительности, которое Safari и IE примут, если у вас есть много вариантов округления, и позволяет сделать страницу по-прежнему стильной для ваших пользователей, которые не / не могут включить JavaScript.