02/02/2012, 09:34
|
|
CSS3 en IE Buenas tardes,
tengo dos problemas en todas las versiones de IE al aplicar un par de propiedades css3:
- Al intentar aplicar bordes redondeados a un div me sale bien (aplico el archivo javascript .htc para IE) pero aunque ponga background-repeat:no-repeat; en las versiones de IE me repite el fondo. #col_izquierda{
width:25%;
float:left;
padding:10% 1% 1% 1%;
margin:2% 1% 1% 1%;
border-radius:7px;*//*Opera*/ /*REDONDEAR*/
-moz-border-radius:7px;/*Firefox*/
-webkit-border-radius:7px;/*Safari y Chrome*/
behavior: url(../border-radius.htc);/*IE*/
border:solid 3px #341a09;
font:normal 0.7em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-align:justify;
background:#fff url(../imagenes/fondos/col_izquierda.jpg);
background-repeat:no-repeat;
background-position:left top;
}
- Al aplicar sombra con CSS3 a un div en las versiones del IE me aplica esa sombra al contenido en vez de a los bordes por la zona exterior.
#col_central{
width:32%;
float:left;
margin:2% auto;
padding:0 1.5%;
box-shadow:3px 3px 20px #000;/*Opera*/ /*SOMBRA*/
-moz-box-shadow:3px 3px 20px #000;/*Firefox*/
-webkit-box-shadow:3px 3px 16px #000;/*Safari y Chrome*/
filter: progid:DXImageTransform.Microsoft.Glow(color='#666 666', Strength=5);/*IE*/
}
¿Alguien me podría dar alguna solución? Llevo dándole vueltas y mirando pero no logro solucionarlo. |