Hola!

Registrándote como bakuno podrás publicar, compartir y comunicarte en privado con otros bakuos :D

Regístrame ya!

ayuda con el "body" de mi web

M

mahou

Bovino maduro
Desde
21 Jun 2009
Mensajes
182
buenas noche por favor me podéis ayudar.

estoy asiendo una web y el fondo es una imagen grande y queda

encuadrada muy bien, le e puesto una DIV centrada de 800px ancho

por 1000 de altura, pero cuando hago la prueba en el navegador

puedo bajar pero mi imagen se repita 2 beses, yo lo que quiero es

que solo se desplace DIV hacia abajo, y la imagen de fondo

estática, por que la DIV sera transparente. gracias si no me

explicado bien me lo decís gracias..
 
Al div que tiene la imagen de fondo agrega esto (o modificalo) en el CSS:
Código: 
#id {
background: url('ubicacion/de/tu/imagen.png') no-repeat center;
}

Saludos!
 
Y3K dijo:
Al div que tiene la imagen de fondo agrega esto (o modificalo) en el CSS:
Código: 
#id {
background: url('ubicacion/de/tu/imagen.png') no-repeat center;
}

Saludos!
Click para expandir ...

hola la DIV es transparente, para que se vea la imagen de fondo

de la pantalla, yo lo que deseo es que la información puesta en

la DIV se mueva hacia abajo con el "ratón" pero la imagen que

tiene el tamaño de la pantalla del ordenador no se repita 2 o 3

veces hacia abajo. pondré una capturas de pantalla vale. gracias
 
Si quieres que la imágen quede fija puedes usar position:Fixed;

:) suerte con eso
 
hola esta es la captura de pantalla.

la DIV le e puesto color blanco para que se vea mejor, como veis la imagen

de fondo se repite al bajar la pagina con el ratón, yo solo deseo que se

mueva solo la DIV que es lo que llevara toda la informacion y sera

transparente.

http://min.us/mcvWF8X

por favor gracias por vuestra ayuda
 
Mira, puedes colocar el fondo en una Div propia, para poder agregarle como posición fixed ( Position:fixed; ), en vez de que la imágen se encuentre en el body.

La div se encontraría detrás de todo lo demás, ya sea en un índice de Z menor (z-index), y ya con el scroll evitarías la repetición, y la imágen seguiría la ventana.

Por si las dudas también le pones un no-repeat
 
ya lo e logrado gracias en parte a vosotros y otra a google jeje, este es el código CSS por si os ase falta.

<html>
<head>

<style type="text/css">
body
{
background-image: url('AQUI LA IMAGEN');
background-repeat: no-repeat;
background-attachment: fixed
}
</style>

gracias y estamos en contacto
 
mahou dijo:
ya lo e logrado gracias en parte a vosotros y otra a google jeje, este es el código CSS por si os ase falta.

<html>
<head>

<style type="text/css">
body
{
background-image: url('AQUI LA IMAGEN');
background-repeat: no-repeat;
background-attachment: fixed
}
</style>

gracias y estamos en contacto
Click para expandir ...


Jaja, gracias, que bueno que lo pudiste arreglar, no recordaba haber visto la instrucción background-attachment, bueno, si tienes otra duda ya sabes que aquí está el foro :D
 
Debes iniciar sesión o registrarte para participar.
Volver
Arriba