2010-01-07 7 views
2

J'ai un problème où un div n'est pas arrondi coins ajoutés dans IE, mais cela fonctionne très bien en chrome et firefox. Il semble contourner les coins mais supprime les couleurs de bordure. Vous pouvez voir l'arrondi si vous mettez en surbrillance la page rendue.jQuery coin plugin ne fonctionne pas sur Internet Explorer

Des idées pour lesquelles cela se produit et comment y remédier? J'utilise la version 2.03 des coins jquery téléchargés à partir http://jquery.malsup.com/corner/

  <html> 
      <head> 
      <style> 
      #content{ border: solid 6px #888888;} 
      #content2{ border: solid 6px #888888;} 
      </style> 
       <script type="text/javascript" src="include/script/jquery-1.3.2.min.js"></script> 
       <script type="text/javascript" src="include/script/jquery.corners.js"></script> 
       <script type="text/javascript"> 
        $(function(){       
         $('.content').corner("round 8px").parent().css('padding', '8px').corner("round 14px"); 
         $('#content2').corner(); 
        }); 
       </script> 
      </head> 
      <body> 
       <div id="content" class="content"> 
        content 
       </div> 
       <div id="content2" class="content2"> 
        content 
       </div> 
      </body> 
      </html> 
+0

J'ai ce même problème. Quelqu'un at-il une solution? – Patricia

Répondre

-2

Tiré de http://jquery.malsup.com/corner/ - « Récemment, j'ajouté le support pour border-radius natif d'arrondi dans les navigateurs qui le soutiennent (Opera 10.5+, Firefox, Safari, et Chrome) Ainsi, dans ces navigateurs, le plugin définit simplement une propriété css sur l'élément, mais dans IE, nous devrons attendre la version 9 avant que celle-ci ne soit supportée et pour tous les navigateurs, choisir un pattern autre que "round" nécessite l'utilisation de la méthode "div stips". "

Donc arrondis coins ne fonctionneront pas dans IE, mais tout autre style de coin le fera.

+0

vous êtes mal lu - IE9 supportera la version native, mais l'intérêt de ce plugin est d'avoir un support multi-navigateurs. les navigateurs non-IE obtiennent un support natif, IE obtient un tas de fudging pour le faire fonctionner à la place ... – Ryley

2

Les coins arrondis fonctionnent dans IE. Le seul problème est avec les coins arrondis, la bordure disparaît avec 'jquery.corners' api,

Si la couleur de votre conteneur est différente de l'arrière-plan, vous le remarquerez.

Alors oui, il y a un léger problème avec l'API jquery.corner.

Questions connexes