Hola!
Tengo un div con un fondo de gradiente que a su vez tiene unos bordes redondeados. Para la mayoría de los navegadores funciona, y uso las características CSS3.
Pero para IE, utilizo el plugin CurvyCorners (http://www.curvycorners.net/), pero el resultado que obtengo no es el deseado.
RESULTADOS OBTENIDOS
NAVEGADORES CHROME, ETC
INTERNET EXPLORER
Bueno:
CSS de la clase super
Código CSS:
Ver original.super
{
border: 3px #000 solid;
margin:auto;
width:1024px;
height:40px;
line-height:40px;
opacity: 0.5;
-moz-opacity: 0.5;
filter: alpha(opacity=50);
background-image: -moz-linear-gradient(top, #089DC2, #FFFFFF); /* Firefox 3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #089DC2),color-stop(1, #FFFFFF)); /* Safari & Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#089DC2', endColorstr='#FFFFFF'); /* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#089DC2', endColorstr='#FFFFFF')"; /* IE8 */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
HTML/PHP cargando el script y ejecutando el div con clase super
Código HTML:
Ver original
<link rel="stylesheet" type="text/css" href="../estilo1.css"/> <!-- ASOSIACION A ESTILO CSS --> <script type="text/javascript" src="http://estumundo.netau.net/curvycorners.js"></script>
<div id="super" class="super"> <? include('modulos/super.php'); ?>
</div><!-- FIN DIV SUPER -->