Foto fija, cómo para que no salgan bordes solidos?

[MaRcElTeLlA]

Hola!

Quiero poner un fondo de rocas de fondo, y que se vea, no igual, porque sé que es imposible, pero que no aparezcan bordes conforme la imagen se ha acabado.

Como ya he dicho, la imagen es de rocas, así que no tiene "zonas de interes", es todo un fondo.

Me he planteado una posibilidad, pero es un poco "sobrecargar" la descarga de la pagina, haciendo que el servidor descargue mi foto de 2000x2000 y luego, segun la resolución del usuario, salga el trozo de la foto que pueda aparecer. Qué os parece?

Alguna alternativa?

Gràcias!

[cristian_cena]

Hola MaRcElTeLlA:

Iniciado por MaRcElTeLlA

pero que no aparezcan bordes conforme la imagen se ha acabado.

disculpa pero no entiendo de que bordes hablas

Iniciado por MaRcElTeLlA

Alguna alternativa?

Acostumbro a usar una imagen pequeña, un patrón, que incluyo como fondo en el body y luego repito en "x" o en "y" o bien en "x e y".

body {
width:100%;
height:100%;
background:url(ruta/imagen.xxx) repeat;
}

repeat: repite en x e y (horizontal y vertical)
repeat-x : repite en el eje de x (hotizontal)
repeat-y: repite en el eje de y (vertical)

Si quieres que tu imagen de fondo no acompañe el scroll (que quede fija) puedes utilizar la propiedad background-attachment con su valor "fixed" (background-attachment:fixed;)

Espero te sea útil, un saludo!

[MaRcElTeLlA]

mm.. no es exactamente lo que pregunto.

Mi imagen es de2000x2000 está toda definida, no es un patrón, por un sitio hay rocas grandes, por otro pequeñas, pero no es divisible en secciones pequeñas.

Mi pregunta es cómo hacer que en todas las resoluciones se vea la imagen entera, y que, si la pantalla es de 16:9, no le salga un borde en los laterales por ser más ancha.

[cristian_cena]

mm nose, a lo mejor puedes probar con un img{width:100%; border:none !important;}

[Triby]

Busca en www.araudi.net las opciones de Fondo elastico, solo necesitas ver el codigo fuente, copiarlo y comenzar a probar.