Foros del Web » Creando para Internet » CSS »

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

Estas en el tema de Foto fija, cómo para que no salgan bordes solidos? en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 07/06/2010, 17:43
Avatar de MaRcElTeLlA  
Fecha de Ingreso: mayo-2010
Ubicación: Martorell
Mensajes: 66
Antigüedad: 7 años, 6 meses
Puntos: 5
Foto fija, cómo para que no salgan bordes solidos?

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!
  #2 (permalink)  
Antiguo 08/06/2010, 00:58
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Foto fija, cómo para que no salgan bordes solidos?

Hola MaRcElTeLlA:

Cita:
Iniciado por MaRcElTeLlA Ver Mensaje
pero que no aparezcan bordes conforme la imagen se ha acabado.
disculpa pero no entiendo de que bordes hablas
Cita:
Iniciado por MaRcElTeLlA Ver Mensaje
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!
  #3 (permalink)  
Antiguo 08/06/2010, 04:29
Avatar de MaRcElTeLlA  
Fecha de Ingreso: mayo-2010
Ubicación: Martorell
Mensajes: 66
Antigüedad: 7 años, 6 meses
Puntos: 5
Respuesta: Foto fija, cómo para que no salgan bordes solidos?

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.
  #4 (permalink)  
Antiguo 08/06/2010, 11:14
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Foto fija, cómo para que no salgan bordes solidos?

mm nose, a lo mejor puedes probar con un img{width:100%; border:none !important;}
  #5 (permalink)  
Antiguo 08/06/2010, 15:20
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.739
Antigüedad: 9 años, 3 meses
Puntos: 2112
Respuesta: Foto fija, cómo para que no salgan bordes solidos?

Busca en www.araudi.net las opciones de Fondo elastico, solo necesitas ver el codigo fuente, copiarlo y comenzar a probar.
__________________
- León, Guanajuato
- GV-Foto

Etiquetas: bordes, fija, foto
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:55.