Ver Mensaje Individual
  #9 (permalink)  
Antiguo 15/07/2012, 08:46
furoya
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 22 años
Puntos: 317
Respuesta: ¿Navegadores para svg y css?

Ups...

En el ejemplo anterior me olvidé de IE8, que tiene algún cambio en la sintaxis.

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">

<style type="text/css">
div {
position: relative; 
width: 300px; 
height: 120px; 
padding: 15px 0; 
font: bold 22px/120% fantasy; 
text-align: center; 
background-color:red; 
color: black; 
-webkit-border-radius: 30px; 
-moz-border-radius: 30px; 
-ms-border-radius: 30px; 
-o-border-radius: 30px; 
border-radius: 30px; 
}

</style> 

<xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v" /> 

<?import namespace="v" implementation="#default#VML" ?> 

</head>
<body>

<div>
FOROS<br> DEL<br> WEB.

<v:roundrect style="width:300px; height:120px; position:absolute; top:0; left: 0; z-index:-1; " fillcolor="red" arcsize="0.3" strokecolor="red" strokeweight="2px"/>
</div>

<!--[if lt IE 9.0000]> 
<style type="text/css">
div { background-color: transparent; } 
</style>
<![endif]-->

</body>
</html>
No sé si IE9 reconoce al fin las esquinas redondas, si no lo hace, habrá que cambiar el CC.

Todavía no lo probé en 7 y 6, supongo que seguirán funcionando.