Border-radius, text-shadow et opera

Hello,

Je suis en train d'intégrer une maquette qui utilise pour un élément une petite ombre luminescente et des bords arrondis. D'habitude je m'arrange toujours pour faire des techniques CSS un peu "complexe" à base d'image de fond et de PNG transparent, mais là j'ai voulu voir un peu ce que je pouvais faire avec CSS3 uniquement.

Pour le moment je m'en sors avec Firefox et Safari sans probleme.
Je n'arrive à rien (ni bords arrondis ni ombre) avec Opera, et j'ai pas encore essayé avec IE (bien qu'il semble y avoir un filter: pour les ombres pour IE et une technique à base de SVG pour les bords arrondis pour Opera).

Est-ce que vous avez des pistes pour faire cela sur ces deux navigateurs ?

Au pire si ce n'est pas possible, j'aurai voulu un fallback sur un simple bord blanc pour ces deux browsers. Autant j'arrive à cibler IE grace aux commentaires conditionnels, autant je ne sais pas comment cibler Opera uniquement, et si je rajoute un border:2px solid #FFFFF, Safari et Firefox vont l'appliquer aussi (Or, je ne le voudrais que pour Opera).

Pour le moment, la propriété border-radius n'est pas implémentée par Opera (y compris par le biais d'une extension préfixée par -o-). En revanche, pour text-shadow, Opera 10 (qui en est à sa troisième bêta) ne pose pas de souci.

Pour ce qui concerne IE (y compris IE 8) et les CSS 3, à de très rares exceptions près, il faudra encore patienter.

Un article sur le site d'Opera.
Modifié par Patidou (31 Aug 2009 - 10:48)

Victor BRITO a écrit :
En revanche, pour text-shadow, Opera 10 (qui en est à sa troisième bêta) ne pose pas de souci

Text-shadow semble fonctionner au poil, mais c'est box-shadow qui ne semble pas passer.

Patidou a écrit :
Un article sur le site d'Opera.

Ce que je voulais dire c'est qu'il y a peut-être moyen de combiner un svg avec shadow en background pour Opera. À tester parce que je n'ai pas Opera au boulot.

L'article est un peu vieux ( 2007 )

Je commence à utiliser ces fonctionnalités pour Webkit et Firefox mais il manque encore Opera pour le coup.
C'est bizarre car ils annoncent souvent être les premier sur les fonctionnalités CSS3. Pour le coup je suis déçu.
Surtout que ce sont des fonctionnalités qui permettent d'améliorer le design d'un site facilement, sans alourdir la page.