Tema: forma y fondo en div
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/07/2012, 15:19
AitorLopez
 
Fecha de Ingreso: mayo-2009
Mensajes: 742
Antigüedad: 15 años, 7 meses
Puntos: 6
forma y fondo en div
Hola. Tengo un ejemplo que ahora os pongo, que quiero que funcione igual, tanto en IE9 con el Mozilla. En mozilla hace bien tanto el degradado como la forma de los bordes, pero en IE9 no, podeis probarlo para comprobar lo que digo.

A ver si me podeis decir como puedo solucionarlo. Gracias.

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.  
  17.                 !important
  18.                 }
  19.  
  20. .fondo1{
  21.  
  22.  
  23.                 background: -moz-linear-gradient(bottom, #DDDFF7, #FFFFFF);
  24.  
  25.                 filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#DDDFF7', EndColorStr='#FFFFFF', GradientType=0);
  26.  
  27.                 !important}
  28.  
  29.  
  30.  
  31.         </style>
  32.         
  33.         
  34.         
  35.         
  36.         
  37.     </head>
  38.      
  39.     <body>
  40.     <div id="prueba" class="forma1 fondo1">
  41.         
  42.         <p>hola</p>
  43.         <p>hola</p>
  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.         
  51.         </div>
  52.     </body>
  53.     </html>