Bonjour,
J'ai pour habitude d'intégrer sous Firefox, et ce n'est que lors de mes tests que je me suis aperçu que webkit n'a pas la même interprétation du border-radius en CSS3 que ses petits camarades.
Sur un élément simple, avec une simple couleur fond, le rendu est bien le même. Toutefois, si l'on ajoute à cet élément des bordures haut et bas (enfin pas une bordure entière sur l'élément en gros), le rendu n'est pas très esthétique. Je crois comprendre pourquoi ce rendu est fait ainsi, car ça peut être pratique si l'on utilise la transparence de couleur sur ces bordures ; mais dans mon cas cela s'avère assez gênant.
Voilà en gros le problème: Visualisez ce rendu sous firefox, puis sous chrome: http://cssdesk.com/dhyJA
Je ne vois pas comment résoudre ce problème. Si vous aviez quelques pistes à me donner ça me dépannerait bien. Merci !
J'ai pour habitude d'intégrer sous Firefox, et ce n'est que lors de mes tests que je me suis aperçu que webkit n'a pas la même interprétation du border-radius en CSS3 que ses petits camarades.
Sur un élément simple, avec une simple couleur fond, le rendu est bien le même. Toutefois, si l'on ajoute à cet élément des bordures haut et bas (enfin pas une bordure entière sur l'élément en gros), le rendu n'est pas très esthétique. Je crois comprendre pourquoi ce rendu est fait ainsi, car ça peut être pratique si l'on utilise la transparence de couleur sur ces bordures ; mais dans mon cas cela s'avère assez gênant.
Voilà en gros le problème: Visualisez ce rendu sous firefox, puis sous chrome: http://cssdesk.com/dhyJA
Je ne vois pas comment résoudre ce problème. Si vous aviez quelques pistes à me donner ça me dépannerait bien. Merci !