28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'arrive à obtenir une boite avec des coins arrondis et fond dégradé sur FF.

Mais sous IE9, les coins arrondis disparaissent si j'applique un gradient au fond Smiley sweatdrop

.maboite {
/*  background-color:#111000; */
border-width:2px;
border-color:#999999;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
line-height:23px;
font-size:1.0em;
width: 120px;
height: 50px;
border-radius: 10px;
}


Existe t il une astuce ?

Merci d'avance pour votre aide Smiley smile
Bonjour,

Le filtre que tu utilise empèche l'utilisation des coins arrondis. Tu pourrais utiliser une image de fond pour le remplacer.

Il y a aussi CSS3 Pie qui offre la génération de dégradé sous IE, mais je ne sais pas s'ils sont compatibles avec les coins arrondis (mais il me semble que oui).