Rayon de la frontière pour IE8

Question

J'ai un problème avec border-radius sur IE8, jusqu'à maintenant j'ai utilisé pie.js mais je ne recommande pas cette bibliothèque js parce que c'est buggé. Si vous avez un petit site avec pas beaucoup de pages html, il est plus que ok pour utiliser cette bibliothèque, mais si vous avez une lourde application dans laquelle de nombreux cadres différents sont utilisés, alors il est impossible de l'utiliser. Même comportement pour CurvyCorners ou d'autres méga bibliothèques.

Donc, si quelqu'un peut m'aider avec un petit jQuery ou javascript plugin pour faire juste border-radius sur IE 8 je serai reconnaissant à vie.

Answer 1

Essaye ça:

a besoin:

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.corner.js"></script>
 

Javascript:

 $('.box').corner();
 

HTML:

 <div class="box">Hello</div>
 

CSS:

 box{
  width:150px;
  height:28px;
  padding:10px;
}
 

plus d'exemples: http://jquery.malsup.com/corner/

Answer 2

Sans utiliser les bibliothèques que vous avez décrites dans votre question, je ne pense pas que vous puissiez créer des angles courbes dans IE8.

Si vous le souhaitiez vraiment, vous pourriez probablement utiliser une image pour créer l'effet de coin incurvé, au prix d'une bande passante accrue et d'un code compliqué.

Answer 3

Selon Microsoft:

D'Autres Coins Arrondis Solutions

Nous tenons à souligner l'abondance de solutions de rechange disponibles sur le Web. En plus des coins arrondis solutions, il existe aussi des sites avec fréquemment mise à jour des listes de coins arrondis des solutions qui sont compatibles avec plusieurs versions d'Internet Explorer et les autres navigateurs.

Énumérées ici sont quelques-uns de nos sites préférés pour les coins arrondis des solutions. Elles sont présentées sans ordre particulier, et l'inclusion de tout lien n'implique pas l'approbation du site par Microsoft.

• CSS-Discuter de Wiki, RoundedCorners: http://css-discuss.incutio.com/?page=RoundedCorners

• SmileyCat, CSS Coins Arrondis "Roundup": http://www.smileycat.com/miaow/archives/000044.php

• CSS Jus, 25 Coins Arrondis avec les Techniques de CSS: http://www.cssjuice.com/25-rounded-corners- les techniques-avec-css/

Answer 4

Consultez cet article: http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/

Il couvre spécifiquement les coins arrondis et l'ombre de la boîte dans IE7 / 8.

et aussi ci-dessous avec tant d'exemples

http://blue-anvil.com/jquerycurvycorners/test.html

Answer 5

J'ai utilisé le border-radius.htc dans le passé.

Le seul inconvénient est que les URL CSS sont relatives au fichier CSS. HTC sont relatifs à la page.

vous pouvez télécharger la démo ici.