2009-03-25 8 views
2

Je cherche une bibliothèque JavaScript qui peut créer des coins ronds sur les div étiquettes avec un fond transparent, de sorte que la couleur de fond/image de l'élément parent est visible dans les coins arrondis. Pour un exemple de coins arrondis sans un arrière-plan transparent, regardez dans le menu de gauche sur this page. Notez que l'arrière-plan de l'élément parent n'est pas affiché dans les coins des éléments de menu.JavaScript coins arrondis avec fond transparent

J'ai besoin que cela fonctionne dans IE7 + et FF3 + (idéalement les autres navigateurs aussi), et je préférerais un plugin JQuery.

Est-ce que quelqu'un a de bonnes ressources ou des plugins qui pourraient aider?

Répondre

3
+0

Je l'ai essayé et il a fonctionné magnifiquement dans FF, mais horriblement dans IE7 –

+0

@Don: me semble bien dans IE6, IE7, Opera 9, Safari 4, Chrome, FF2 et FF3. En fait, semble identique à tous. –

+0

Désolé, il était en fait IE6 qu'il semblait horrible, mais vous avez dit que vous avez testé celui-là aussi? Avez-vous testé arrondir les divs du menu que j'ai mentionné dans le post ci-dessus? Sinon, la différence entre votre test et le mien peut avoir quelque chose à voir avec le style/le positionnement spécifique de ces éléments. –

0

Il y a beaucoup de limitations ... mais le plugin Transparent Background Corners pourrait fonctionner dans votre scénario.

Si vous le pouvez, cependant, je suggère de faire tout l'arrondi côté serveur avec CSS. Tout est juste divs dans les divs, avec un rembourrage différent pour les divs de coin. Il se débarrasse de l'énorme succès que Safari et IE prendront si vous avez beaucoup d'arrondi à faire, et vous permet d'avoir la page toujours élégante pour vos utilisateurs qui ne peuvent/ne peuvent pas activer javascript.

2

J'ai essayé 2 différents plugins d'arrondis d'angle JQuery. This one ne fonctionnait pas dans FF ou IE et this one seulement travaillé dans FF.

Cependant, j'ai trouvé une bibliothèque non-JQuery qui fonctionnait parfaitement dans les deux, DD_roundies.

+0

DD_roundies a fonctionné le mieux pour moi aussi. –

Questions connexes