Foros del Web » Creando para Internet » CSS »

Bordes Redondeados con CSS (Only Firefox)

Estas en el tema de Bordes Redondeados con CSS (Only Firefox) en el foro de CSS en Foros del Web. En el CSS creamos esta classe: .curved { -moz-border-radius: 10px; -webkit-border-radius: 10px; behavior:url(border-radius.htc); } En la MISMA carpeta donde tengamos el CSS pegamos el archivo ...
  #1 (permalink)  
Antiguo 29/04/2010, 03:03
Avatar de nicausio  
Fecha de Ingreso: abril-2010
Ubicación: Solsona
Mensajes: 98
Antigüedad: 7 años, 7 meses
Puntos: 8
Bordes Redondeados con CSS (Only Firefox)

En el CSS creamos esta classe:

.curved {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
behavior:url(border-radius.htc);

}

En la MISMA carpeta donde tengamos el CSS pegamos el archivo border-radius.htc (lo podeis encontrar en http://code.google.com/p/curved-corner/downloads/list)

Luego en el DIV que le indiquemos hacemos la petición a la classe correspondiente (en este caso .curved [class="curved"])

Ejemplo: 1.
<div id="Capsula" class="curved">Curved Corner</div>

Y ya tenemos nuestro div con bordes redondeados.


Todos los que trabajamos con CSS ya sabemos lo que cuesta evadir las incompativilidades de los navegadores por eso el archivo border-radius.htc nos echa una mano con el Explorer.
  #2 (permalink)  
Antiguo 29/04/2010, 09:55
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Bordes Redondeados con CSS (Only Firefox)

Bordes Redondeados con CSS (Only Firefox)
bueno para safari y chrome tambien "-webkit-border-radius: 10px;"

Cita:
Todos los que trabajamos con CSS ya sabemos lo que cuesta evadir las incompativilidades de los navegadores por eso el archivo border-radius.htc nos echa una mano con el Explorer.
Yo uso imagenes, o en su defecto jquery, claro si queremos compatibilidad desde IE6, ya que ese ".htc" no lo hace desgraciadamente...
  #3 (permalink)  
Antiguo 08/07/2010, 09:58
Avatar de kmzero  
Fecha de Ingreso: octubre-2008
Mensajes: 43
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: Bordes Redondeados con CSS (Only Firefox)

Atención: el htc de la web del autor está actualizado para i8
saludos!

Etiquetas: border-radius, bordes, firefox, hojadeestilos, redondeados
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:04.