Estoy liado haciendo una pre-web y estoy teniendo problemas con su visualización con la mi*** de internet explorer
Mi pre-web consta de lo siguiente:
- Fondo radial-gradient y una imagen en el centro.
- Un contenedor en el centro (para mostrar la típica información de web en desarrollo).
- En el contenedor a mostrar tengo:
- El logotipo de la empresa
- Dos bloques que muestran la dirección de la empresa y quien lo desarrollaAhora bien, previsualizando la preweb en el programita que hay IETester, no me saca ni el logotipo ni la imagen de fondo desde IE10 hacia abajo (versión 9,8,7...) y no entiendo por qué.
Os pongo mi css a ver si veis algo que no esté correcto:
Código CSS:
Ver original
body,html{ background: rgb(255,255,255); background: url('img/map.png') no-repeat 50% 50%, -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 35%, rgba(196,193,186,1) 83%); background: url('img/map.png') no-repeat 50% 50%,-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(35%,rgba(255,255,255,1)), color-stop(83%,rgba(196,193,186,1))); background: url('img/map.png') no-repeat 50% 50%,-webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 35%,rgba(196,193,186,1) 83%); background: url('img/map.png') no-repeat 50% 50%,-o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 35%,rgba(196,193,186,1) 83%); background: url('img/map.png') no-repeat 50% 50%,-ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 35%,rgba(196,193,186,1) 83%); background: url('img/map.png') no-repeat 50% 50%,radial-gradient(ellipse at center, rgba(255,255,255,1) 35%,rgba(196,193,186,1) 83%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c4c1ba',GradientType=1 ); background-attachment: fixed; width:100%; height:100%; overflow: hidden; color:#FFF; } .logo{ width:534px; height:112px; margin: 0 auto; margin-top: 10px; background: url('img/logo.png') no-repeat; }
Código HTML:
Ver original