Foros del Web » Creando para Internet » CSS »

Bordes redondeados en IE8

Estas en el tema de Bordes redondeados en IE8 en el foro de CSS en Foros del Web. Hola estoy intentando hacer un div con los bordes redondeados y el fondo con sombra. @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código CSS: Ver original .contnot {     ...
  #1 (permalink)  
Antiguo 31/10/2013, 13:27
 
Fecha de Ingreso: enero-2006
Mensajes: 263
Antigüedad: 18 años, 3 meses
Puntos: 1
Bordes redondeados en IE8

Hola estoy intentando hacer un div con los bordes redondeados y el fondo con sombra.

Código CSS:
Ver original
  1. .contnot{
  2.     border-radius: 20px;
  3.     -moz-border-radius: 20px;
  4.     -webkit-border-radius: 20px;
  5.     -khtml-border-radius: 20px;
  6.     border: 1px solid #ef211d;
  7.     margin-bottom: 10px;
  8.     padding-top: 5px;
  9.     padding-bottom: 5px;
  10.     overflow: hidden;
  11.     vertical-align: middle;
  12.     background: #E4E4E4;
  13.     -moz-box-shadow: 3px 3px 4px #ef211d;
  14.     -webkit-box-shadow: 3px 3px 4px #ef211d;
  15.     box-shadow: 3px 3px 4px #ef211d;
  16.     /* IE 8 */
  17.     -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ef211d')";
  18.     /* IE 5.5 - 7 */
  19.     filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ef211d');
  20. }

En IE superior a 8 funciona los bordes redondeados, en IE8 el fondo con sombra funciona pero no los bordes.

He probado a poner en la ultima linea

behavior: url(PIE.htc);

pero lo que pasa es que la sombra se pone en el texto y desaparece el fondo con sombra.

Como puedo hacer para que funcione correctamente en IE8, los bordes redondeados.

Gracias

Etiquetas: background, bordes, color, ie8, 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 10:54.