Creación de esquinas redondeadas en IE7/IE8

Question

Estoy creando un redondeados lengüetas de las esquinas, que funciona bien en IE9, Mozilla y Chrome, pero no en IE7/IE8.

Aquí está el código:

<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; 
} 

puede usted por favor hágamelo saber el código para que funcione para IE7/IE8 así?

Answer 1

IE 7/8 no son compatibles con border-radius. Escuché que IE9 sí lo hace.

Este sitio contiene un corte para obtener bordes redondeados en IE7/8 sin embargo: http://dimox.net/cross-browser-border-radius-rounded-corners/. Tendrá que descargar border-radius.htc y poner el siguiente código en su CSS:

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

Answer 2

Uso esquina jQuery, que funcionará en todos los principales navegador

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

incluso se puede ¡configura las esquinas de la manera que quieras!

Answer 3

Internet Explorer admite la propiedad CSSborder-radiusforma nativa no hasta la versión 9. Para la versión inferior de IE, comprobar el kvijayhari plugin de jQuery se ha mencionado, jQuery Corner.

Answer 4

radio frontera soportado es decir-7, es decir-8, es decir-9 a través de JavaScript cheque este tutorial cómo mostrar radio de frontera en el IE http://davidwalsh.name/css-rounded-corners

Answer 5

Hay siguientes soluciones:

1. CSSPie (http: //css3pie.com/ pero su js comprimido es de 40 KB de tamaño)

2. Hay otra solución utilizando archivo de HTC para IE

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

   La guía se puede encontrar aquí http://dimox.net/cross-browser-border-radius-rounded-corners/

3. Otra solución que yo personalmente recomiendo es:

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

   Es archivo sin comprimir JS es de 10 KB de tamaño.