Estoy de vuelta con una duda más. Tengo un informe que tiene que salir en HTML y en un único fichero, por eso en vez de utilizar referencias para las imágenes las he embebido en el código CSS. Tengo dos imágenes, una para una cabecera, con el título y el logo y una de fondo en el body que he difuminado y que hace tiene attachment fixed para que se fije aunque hagamos scroll.
Esto funciona perfectamente en Firefox y en Chrome, pero en Internet Explorer no funciona la imagen del body (la del título si). Se me ha ocurrido que puede que la cadena de base64 de la imágen sea muy grande e IE no lo permita, pero no he encontrado información al respecto.
Espero que me puedan ayudar, muchas gracias de antemano.
Dejo el código:
Código:
body {
margin: 10px;
color: black;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEBLAEsAAD/... aprox unos 70.000 caracteres ...') no-repeat center center;
background-attachment: fixed;
}
.EstiloTituloDocumento {
float: left;
clear: right;
width: 99%;
padding: 20px 10px;
background: url('data:image/jpeg;base64,/9j/4Q1ERXhpZgAATU0AKgAA... aprox unos 20.000 caracteres ...') no-repeat right top;
color: rgb(0, 64, 101);
font-weight: bold;
text-decoration: underline;
font-size: 16px;
}
