En savoir plus sur les Coins arrondis (FF, IE, Webkit)

Bonjour,

Les coins arrondis sont une nouvelle fonctionnalité de CSS3 donc non supporté par IE et les anciennes versions de Firefox
A travers le tuto http://www.alsacreations.com/tuto/lire/891-coins-arrondis-css-sans-images.html, j'ai su là qu'on peut en faire sous IE avec astuce

Peut-on en faire avec un fond au fond image? avec roundies non

En fait, le truc c'est que ces JS utilisent les filtres IE donc? http://msdn.microsoft.com/en-us/library/ms532853%28VS.85%29.aspx

Hello,

border-radius est une fonctionnalité CSS3, cependant supportée depuis Firefox 1.0 en version préfixée : -moz-border-radius
Source : -moz-border-radius sur le MDC.

On peut en faire avec IE via les DD_Roundies. Pour IE, l'astuce repose sur l'implémentation de VML (pour les autres, les Roundies utiliseront simplement border-radius ou leur version préfixée). Cela semble fonctionner, avec IE, sur les images de fond aussi : Fond imagés et DD_Roundies.

Wow, FF avait les coins arrondis depuis le début!

Donc roundies (plutôt DD-Roundies) se base sur http://fr.wikipedia.org/wiki/Vector_Markup_Language
Pour lui, il y a le soucis indiqué dans le tuto d'alsacréations

a écrit :
Notez que Roundies ne fonctionnera pas sur les images d'arrière-plan et qu'il est malheureusement inopérant sur Opera.

D'après ce que j'ai pu comprendre sur le site des DD_Roundies, apparemment ça marche avec les images de fond : leurs exemples en ligne sont pourtant très parlants à ce sujet

En désactivant Javascript sur mon navigateur (FF 3.6.3), j'ai bien un bloc aux coins carrés avec une image de fond tout aussi carrée. En réactivant Javascript, ça s'arrondit même avec l'image de fond.
Conclusion ?

A propos d'Opera, c'était vrai avec les versions antérieures à la 10.50 qui n'intégraient pas le support de border-radius (il fallait jouer avec SVG).
Les DD_Roundies fonctionnent comme il faut avec Opera 10.5+. Il y a encore quelques bugs de rendu similaires à ceux de Safari/Chrome, mais ça reste tout à fait utilisables
Modifié par Ladytron (12 Apr 2010 - 14:57)

Oui ça marche sur les images

Bonjour,

Pour mon site web, j'ai utilisé DD roundies pour rendre mon site plus rond . Mais voilà que je tombe sur un problème. J'ai mis une image en background et je l'ai arrondie. Sous FF ça fonctionne bien. Sous IE en local ça fonctionnait aussi mais au moment de la mise en ligne, l'image n'apparaît plus... Why ? Pouvez-vous m'aider ?

Voici le lien de mon site "test" : http://www.ozanni.ch/Kasyma/web/main.php?id=4&page=1.

Merci
Modifié par tets88 (10 Mar 2011 - 15:47)

raknal a écrit :
Bonjour,

Les coins arrondis sont une nouvelle fonctionnalité de CSS3 donc non supporté par IE

Les coins arrondis fonctionnent très bien dans IE9.

jb_gfx a écrit :


Les coins arrondis fonctionnent très bien dans IE9.

Oui mais tout le monde ne l'utilise pas encore, il y en a même qui utilise encore IE6, quel dommage!

jb_gfx a écrit :


Les coins arrondis fonctionnent très bien dans IE9.

Oui maintenant que j'ai installé IE9 ça fonctionne, mais plus les lightbox...