Tema: forma y fondo en div
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 10/07/2012, 15:24
AitorLopez
 
Fecha de Ingreso: mayo-2009
Mensajes: 742
Antigüedad: 15 años
Puntos: 6
Respuesta: forma y fondo en div
Hola Furoya, gracias por tu respuesta, aunque no hace falta que seas tan borde, si todos fueramos tan listos como tu, este foro no existiría, no crees?.

Ademas, esto sigue sin funcionar. Ya te dije que antes de hacer la consulta, aplique el prefijo -ms- y tambien miré documentación, pero al no ser capaz de arreglarlo, consulté en el foro.

Precisamente, lo que hace bien es el degragado, pero en lugar de hacerselo a la forma del div con los valores del border-radius, como hace en mozilla, en IE9 hace al degradado a un rectangulo, sin aplicar el border-radius.

El ejemplo exacto es este, puedes probarlo si quieres.

Código HTML: 
Ver original
  1. <!DOCTYPE HTML>
  2.         <html>
  3.         <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5.         <title>pruebas</title>
  6.            
  7.            
  8.            
  9.            
  10.         <style>
  11.      
  12.     .forma1{
  13.      
  14.                     -moz-border-top-left-radius:200px;
  15.                     -moz-border-bottom-right-radius:200px;
  16.                                         border-top-left-radius:200px;
  17.                                         border-bottom-right-radius:200px;
  18.      
  19.                     !important
  20.                     }
  21.      
  22.     .fondo1{
  23.      
  24.      
  25.                     background: -moz-linear-gradient(bottom, #DDDFF7, #FFFFFF);
  26.      
  27.                     filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#DDDFF7', EndColorStr='#FFFFFF', GradientType=0);
  28.      
  29.                     !important}
  30.      
  31.      
  32.      
  33.             </style>
  34.            
  35.            
  36.            
  37.            
  38.            
  39.         </head>
  40.          
  41.         <body>
  42.         <div id="prueba" class="forma1 fondo1">
  43.            
  44.             <p>hola</p>
  45.             <p>hola</p>
  46.             <p>hola</p>
  47.             <p>hola</p>
  48.             <p>hola</p>
  49.             <p>hola</p>
  50.             <p>hola</p>
  51.             <p>hola</p>
  52.            
  53.             </div>
  54.         </body>
  55.         </html>