Coins arrondis sur Divs. Problème avec Internet Explorer seulement!

Question

Est-ce que quelqu'un a rencontré des problèmes avec la création de coins arrondis sur Divs? J'utilise le plugin jQuery de http://jquery.malsup.com/corner/

Le problème est que les coins supérieurs ne sont pas arrondis dans Internet Explorer. Fonctionne bien avec Firefox! Quelqu'un a-t-il des conseils?

Voici mon code:

<script type="text/javascript"> 

     $(document).ready(function() { 
      $("#panel").corner("10px"); 
     }); 

</script> 

Voici le div qui obtient arrondi:

<div ID="panel">test</div> 

Answer 1

IE ne supporte pas HTML5 ou CSS3, recherche donc à this test page which you supplied il est clair que cela ne fonctionnera pas dans IE car les exemples de cette page modifient les propriétés CSS que IE n'est pas conçu pour gérer.

EDIT: Après avoir regardé l'exemple à nouveau (dans IE cette fois, comme je devrais avoir la première fois) grâce au commentaire, je n'ai aucune idée de pourquoi votre chose est cassée dans IE.

Answer 2

J'ai eu beaucoup de problèmes pour obtenir un code de virage arrondi IE pour travailler sur un arrière-plan qui n'était pas solide. En fin de compte, j'ai dû utiliser une solution .gif.

Cela sera pris en charge dans IE9.

Answer 3

J'ai eu des problèmes similaires avec l'utilisation de ce plugin. Je fini par utiliser des sélecteurs de classe pour le faire:

$('.header_box').corner("top round 10px")