Bordes redondeados desde IE6 CSS

bad_cornerYa con esto del html5 y los bordesitos redondos, es todo un afan que se vean compatibles nuestros disenios con exploradores viejos y obsoletos.

Alguna vez puse una posible solucion para esto un archivo htc, pero como la mayoria de las cosas, era demasiado bonito para ser verdad, tenia broncas cuando metias un sobreado, no sabia a quien darle prioridad y tronaba el maquetado dejandote sin poder presentar las demas capas, en fin... encontre otra posible solucion a este detalle que todos nos trae de cabeza, ahora no es un archivo, es mismo codigo que segun mi maquina virtual funciona en internet explorer 6, si señores,  basuraXplorer 6 !!!

HTML

<xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v" />
<v:roundrect arcsize=".02" fillcolor="#000">
Lorem ipsum dolor sit amet, consectetuer adipiscing
</v>

Y en el css

CSS

v\:roundrect { 
behavior:url(#default#VML);
}

v\:roundrect {
color:#FFF;
display:block;
background-color:#000;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding:20px;
height:100%;

/* IE-specific */
behavior:url(#default#VML);
/background-color:transparent;

Aqui el demo y la pagina fuente, porque tiene otros 2 metodos, pero esos ya los habia puesto aqui en el sitio, sin embarto este fue el que realmente me funciono desde internet explorer 6

DEMO

http://snook.ca/technical/rounded_corners/

Nota full

http://ceslava.com/blog/esquinas-redondeadas-en-internet-explorer-border-radius/

Back to Top