Buenas a todos. Llevo toda la noche peleándome con esto que me pasa. Mirad, tengo este código de página:
Código HTML:
Como imagen gif <img src="img/botonoff.gif" width ="100px" height ="30px" />
<div id="gif">
Fondo de capa gif
</div >
<div id="jpg">
Fondo de capa jpg
</div >
<div id="png">
Fondo de capa png
</div >
Al cual aplico este estilo:
Código HTML:
body {
background: #888888;
}
#gif{
background-image: url(img/botonoff.gif);
width:200px;
height:30px;
color: #ffffff;
}
#jpg{
background-image: url(img/botonoff.jpg);
width:200px;
height:30px;
color: #ffffff;
}
#png{
background-image: url(img/botonoff.png);
width:200px;
height:30px;
color: #ffffff;
}
Pues he aquí cómo se ve en IE6 -a la izquierda- y en Chrome -a laderecha-:
El mismo archivo GIF es el que está como imagen que como fondo de la capa. Sin embargo, los navegadores, al reproducirlo como fondo, alteran la tabla de colores perdiendo todo el efecto de brillo buscado -será el fondo de un botón-. Por favor, ¿alguien sabe la causa y su posible solución?
Y, ¿no se pueden usar JPEGs ni PNGs como fondos de capas?
Muchas gracias y disculpas por mi torpeza. Saludos.