CSS Bord arrondi pour les travaux div sur chrome et ff, mais pas sur IE

Question

J'ai ce style CSS qui fait des coins arrondis pour la frontière div, mais pour une raison quelconque, IE n'aime pas ce code.

#selector{ 
    background-color:#DBDBDB; 
    margin-top:-23px; 
    -moz-border-radius: 3px; 
    -khtml-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    background-color:rgba(255,255,255,0.5); 
} 

Comment peut arrondi div frontière sur IE.

Merci Jean

Answer 1

IE n'a pas l'option de coin arrondi à base de CSS encore, j'utilise un jQuery Corner plugin pour le faire.

Answer 2

IE ne supporte pas encore les coins arrondis comme CSS, peut-être arrivera-t-il dans IE9, mais j'utilise quelque chose qui s'appelle DDroundies whick utilise Javascript pour rendre vos frontières IE bien rondes en utilisant uniquement du code.

Exemple:

<script src="ddroundies.js" type="text/javascript"></script> 
<script type="text/javascript"> 


    <!-- IE only--> 
    DD_roundies.addRule('#cvr input.text', '5px', false); 

DD_roundies.addRule('div #roundbigbox', '10px', false); 
</script> 

Answer 3

Je crains que ce n'est pas possible pour IE avec CSS seulement.

Voir le site web exemplary page on Flickr.com - il utilise des coins arrondis pour les boutons, mais pas pour IE. Si Yahoo peut vivre avec ça - vous pouvez essayer aussi :).

Answer 4

Il existe également plusieurs façons d'y parvenir sans utiliser JS. C'est vraiment à votre préférence personnelle cependant. Cela peut être réalisé en imbriquant des divs l'un dans l'autre et en superposant des images d'arrière-plan dans les coins.

La Thrashbox est une solution basée sur XHTML et CSS relativement simple au problème.