Duda sobre fondo degradado con imagen

[marx-pola]

Hola a todos! Tengo una duda sobre algo que noté al hacer un degradado.
Hice un fondo degradado con Illustrator para una cabecera de unos 100px de alto que va de un gris muy suave a un gris un poco más oscuro. Lo probé con jpg y png.
Los colores cuando inserto la imagen mediante css, en el navegador me aparece MAS oscuro de lo que es en realidad.
Si inserto directamente la imagen sin css, se ve tal cual la tengo en el AI.

El único css que estoy usando para probarlo es este:

Código HTML:

#contenedor{
width: 800px;
height: 735px;
} 

#cabecera {
background-image:url(imagenes/cabeceradegra.jpg);
height:100px;
background-color:#FFFFFF;
}

¿Alguna idea del por qué puede ser esto?

Gracias y saludos.

Marx.

[marx-pola]

Nada... era un error de Illustrator. :P

[marx-pola]

Ahhhh!!! nonono... sigue pasando. Volví a probarlo pensando que era un problema de AI pero no... el fondo insertado con css se sigue oscureciendo.

Veremos si a alguno le pasó esto...

[ArturoGallegos]

un screenshot de como se ve y como debería verse?

se me ocurre que cambies los estilos de la id de la cabecera por

Código CSS:

#cabecera {
background:#fff url(imagenes/cabeceradegra.jpg) repeat-x;
height:100px;
}
 

[marx-pola]

Ag666, gracias por responder.

Mira... aquí te dejo el link para que veas la diferencia. La imagen de arriba insertada con CSS y la imagen de abajo del AI de como debería quedar. El degradado con el conflicto es el que está arriba de todo.

Es más... ante la duda, lo que hice fue crear una imagen de fondo de 2px de ancho x todo el largo del mismo gráfico que te muestro en esa página, el de abajo, y lo inserté en la cabecera para ver que pasaba... y también lo oscurece.

Aquí la página:
Degradado que se oscurece con CSS

Cosa muy rara esto... espero sea una pabada.

Gracias por todo. MArx

[ArturoGallegos]

jaja pues si es una pabada dijiste tu, en realidad el degradado que me muestras con css y el que tienes en la imagen de illustrator son exactamente iguales

ni mas claro ni mas oscuro, en realidad todo lo que tu aprecias como error es un simple efecto visual, en el degradado css el color que tienes abajo es blanco lo que hace que tu sientas es mas oscuro

y como en illustrator abajo del degradado tienes un azul mas oscuro por lo que tu sientes el degradado es mas claro

[marx-pola]

La verdad... o estoy chicato o algo le pasa a mi AI, porque lo sigo viendo oscuro.

Cómo te decía, del Illustrator lo único que recorte fue una medida de ese degradado para colocarlo en el css y en teoría, con y sin la barra que está abajo se debería ver igual.

Iniciado por Ag666

ni mas claro ni mas oscuro, en realidad todo lo que tu aprecias como error es un simple efecto visual, en el degradado css el color que tienes abajo es blanco lo que hace que tu sientas es mas oscuro

y como en illustrator abajo del degradado tienes un azul mas oscuro por lo que tu sientes el degradado es mas claro

Si no entendí mal, ¿aquí me dices que en el degradado css, el background blanco es lo que hace el efecto más oscuro? ¿El color azul que me dices es la barra de navegación debajo del degradado?

Que cosa que... me parece que voy a limpiar mejor mis anteojos, jajaja!!!
Gracias.

[ArturoGallegos]

jeje como prueba coloca una barra de color oscuro abajo de tu degradado que tienes en css y veras que lo sentirás mas claro (el color no cambia solo como lo percibe uno)... es simple efecto visual

[marx-pola]

jajajajajajajaja!!!! has visto que estoy chicato??? Pero mira que avanzado estoy, jajaja!!!

Tienes razón... es tal cual como lo dices. Muchas gracias por tu tiempo. Te lo valoro mucho.

Saludos. Marx.

[ArturoGallegos]

jejej que bueno que avances y en cuanto a lo de chicato :S es lenguaje coloquial muy propio de tu zona... jamas lo había escuchado y no tengo la mas mínima idea que signifique

[marx-pola]

aaaah! jajaja!!! chicato es un término muy viejo y significa corto de vista, jajajaja!!!