Créer des coins arrondis dans IE7 / IE8

Je suis entrain de créer un des coins arrondis onglets, qui fonctionne très bien dans IE9, Mozilla et Chrome, mais pas dans IE7/IE8.

Voici le code:

<div id="navbar">
<div id="holder">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">News</a></li>
</ul>
</div>
</div>
#navbar {}
#holder {
border-bottom:1px solid #000;
overflow:hidden;
}

#navbar #holder ul {
margin:0;
padding:0;
list-style:none;
margin-top:15px;
}

#navbar #holder ul li { }
#navbar #holder ul li a {
text-decoration:none;
float:left;
margin-right:5px;
border:1px solid #000;
padding:15px;
text-align:center;
width:90px;
border-bottom:none;
display:block;
behavior:url(border-radius.htc);
border-radius:5px 5px 0 0;
}

#navbar #holder ul li a:hover {
background:#C09;
color:#fff;
}

Pouvez-vous s'il vous plaît laissez-moi savoir le code pour qu'il fonctionne pour IE7/IE8?

source d'informationauteur Balkar Kalsi

  1. 7

    IE 7/8 ne prennent pas en charge border-radius. J'entends IE9 ne bien que.

    Ce site contient un hack pour obtenir des bords arrondis dans IE7/8: http://dimox.net/cross-browser-border-radius-rounded-corners/ . Vous aurez besoin de télécharger border-radius.htc et placez le code suivant dans votre CSS:

    .rounded-corners {
  behavior: url(http://yoursite.com/border-radius.htc);
}
  2. 8

    Utiliser jquery corner , il fonctionne sur tous les principaux navigateurs

    http://jquery.malsup.com/corner/

    Vous pouvez même configurer les coins de la façon dont vous comme!!

  3. 5

    Il y a des solutions suivantes :

    1. CSSPie (http://css3pie.com/mais il est compressé fichier js est de 40 KO)

    2. Il y a une autre solution à l'aide de fichier htc pour IE

          behavior: url(http://yoursite.com/border-radius.htc);
         (almost 40 KB of size)

      Le guide peut être trouvé ici http://dimox.net/cross-browser-border-radius-rounded-corners/

    3. Une autre solution que je vous recommande personnellement est :

           jquery.corner.js (http://jquery.malsup.com/corner/)

      C'est non compressé fichier js est de 10 KO.

  4. 2

    frontière rayon de charge ie 7, ie 8, ie-9 via javascript vérifier ce tutoriel comment afficher la bordure rayon dans ie http://davidwalsh.name/css-rounded-corners

  5. 0

    Internet Explorer prend en charge le CSS border-radius propriété nativement pas jusqu'à la version 9. Pour la version basse de IE, vérifier le plugin jQuery kvijayhari mentionné, jQuery Corner.