Tema: Problema imagen más border-radius
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 10/11/2013, 07:26
adrian_hm13
 
Fecha de Ingreso: mayo-2013
Mensajes: 47
Antigüedad: 11 años, 7 meses
Puntos: 2
Respuesta: Problema imagen más border-radius
Cita:
Iniciado por Crazylegs Ver Mensaje
Arriba pones de fondo la imagen, y luego abajo pones de fondo un gradiente, sobrescribiendo la imagen.

Prueba así:

Código CSS: 
Ver original
  1. .cajaleft {
  2.     width:175px;
  3.     height:300px;
  4.     float:left;
  5. -moz-border-radius: 25px 0px 0px 25px;
  6. -webkit-border-radius: 25px 0px 0px 25px;
  7. border-radius: 25px 0px 0px 25px;
  8. -moz-box-shadow: 0px 0px 30px #1a3038;
  9. -webkit-box-shadow: 0px 0px 30px #1a3038;
  10. box-shadow: 0px 0px 30px #1a3038;
  11. filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#d4d4d4', endColorstr = '#e8e8e8');
  12. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#d4d4d4', endColorstr = '#e8e8e8')";
  13. background: url(../images/foto.png) -moz-linear-gradient(left, #d4d4d4, #e8e8e8);
  14. background: url(../images/foto.png) -ms-linear-gradient(left, #d4d4d4, #e8e8e8);
  15. background: url(../images/foto.png) -o-linear-gradient(left, #d4d4d4, #e8e8e8);
  16. background: url(../images/foto.png) -webkit-gradient(linear, left top, right top, from(#d4d4d4), to(#e8e8e8));
  17. background: url(../images/foto.png) -webkit-linear-gradient(left, #d4d4d4, #e8e8e8);
  18. background: url(../images/foto.png) linear-gradient(left, #d4d4d4, #e8e8e8);
  19. }
Muchas gracias por contestar, pero sigue sin funcionar, alguna idea? xD