2010-11-29 5 views
0

Je définis un style de courbe pour le contrôle des boutons et des tabulations. Cela fonctionne correctement dans Firefox, mais pas dans IE.Pourquoi mon CSS ne fonctionne-t-il pas dans IE?

Voici le CSS:

-webkit-border-radius: 15px; 
-moz-border-radius: 15px; 
-o-border-radius: 15px; 
border-radius: 15px; 

Répondre

0

IE ne peut pas travailler avec ça. Si vous voulez courber vos bords dans IE, vous devrez utiliser une autre approche.

+0

comment ... pouvez-vous me donner un exemple ... – joji

+0

Beaucoup d'éléments supplémentaires avec des images de fond soigneusement positionnées. – Quentin

+0

Ou recherchez une solution javascript. Ils sont là quelque part. – Jens

3
-webkit-border-radius: 15px; /* Experimental implementation of CSS 3 feature for webkit */ 
-moz-border-radius: 15px; /* Experimental implementation of CSS 3 feature for Mozilla */ 
-o-border-radius: 15px;  /* Experimental implementation of CSS 3 feature for Opera */ 
border-radius: 15px;   /* CSS 3 feature that is not yet a recommendation */ 

Vous ne devriez pas vous attendre à voir dans le soutien pour Internet Explorer (except version 9 beta)

Cependant, il est tout simplement cosmétique, donc ne vous inquiétez pas. Les gens qui utilisent Internet Explorer n'ont tout simplement pas de coins courbes - ce n'est pas grave, le contenu est toujours disponible.

+0

merci .. ya je sais que .. mais j'ai besoin de disply courbes dans ie trop .. Donc, aidez-moi à ajouter cela dans ie aussi ... – joji

-1

si vous voulez appliquer CSS dans IE8 ou plus il peut pas besoin de changements en CSS que vous déclarez dans FF mais si vous devez utiliser IE7 alors vous devrez peut-être utiliser ci-dessous la syntaxe.

#webkit-border-radius: 15px; 
#moz-border-radius: 15px; 
#o-border-radius: 15px; 
#border-radius: 15px; 

Merci.

+0

itz ne fonctionne pas dans ie ie ... seulement dans ie9 – joji

+0

Cela va provoquer les propriétés à appliquer ** seulement ** aux navigateurs qui (incorrectement) ignorer les caractères # # au début des noms de propriété. En conséquence, cela arrêtera les propriétés s'appliquant à Webkit, Mozilla et Opera tout en leur permettant de s'appliquer aux versions cassées d'Internet Explorer qui ne les supportent pas de toute façon. – Quentin

0

Si vous avez vraiment wnt un coin incurvé dans IE aller à Curvycorners & télécharger une version stable de celui-ci. C'est juste un fichier javaScript. Ensuite, reportez-vous au fichier "curvycorners.src.js" de votre projet. & écrivez le même code CSS que celui que vous écrivez "-webkit-border-radius: 15px; -moz-border-radius: 15px; " sauf les deux autres propriétés . Ça va certainement marcher. Fonctionne pour moi, donc pour vous.

Questions connexes