esquinas redondeadas no funciona en explorer 8, 7

Superlinux · #1 (**permalink**) 30/12/2010, 09:17

Código PHP:

  <style type="text/css"> 
v:roundrect { 
  width: 970px; 
  height: auto; 
  margin: auto; 
  color: #FFF; 
  display: block; 
  background-color: #fff; 
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
  border-radius: 10px; 
  padding: 10px; 
} 
 
v:roundrect  { /* ie specific */ 
  width: 970px; 
  height: auto; 
  margin: auto; 
  color: #FFF; 
  display: block; 
  /background-color: transparent; 
} 
</style> 
 
<html> 
 
<xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v" /> <!-- Declare the VML namespace -->     
<body class="body-center"> 
<v:roundrect arcsize=".04"> 
        hola 
 </div>    
</v:roundrect> 
</html>

gracias por la ayuda ...

ztiker · #2 (**permalink**) 30/12/2010, 11:26

yo que sepa no se puede en internet explorer :\

kseso? · #3 (**permalink**) 30/12/2010, 11:42

El soporte de la familia de ie al css estándar siempre ha dejado demasiado que desear. Y si hablamos de las propiedades englobadas en las especificaciones de la versión 3 se podría resumir en que es nulo.

Todo lo anterior porque la propiedad border-radius pertenece a css3.
Los prefijos -xxx-propiedad son privativos de cada navegador (-o-: ópera// -moz-: firefox// -webkit-: chrome y safari// ...)
Así que los ie ni soporta dicha propiedad ni los derivados con lor prefijos.

Cita:

Iniciado por ztiker

yo que sepa no se puede en internet explorer :\

Con css no, pero sí hay otras vías para lograrlo. En ese enlace encontrará cómo para esquinas redondeadas y otras cosas más.

Superlinux · #4 (**permalink**) 30/12/2010, 15:50

gracias los tips fuern de gran ayuda ....