ayuda con el "body" de mi web

M

mahou

Bovino maduro
#1
#1
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..
 
Y3K

Y3K

Bovino Milenario
#2
#2
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!
 
M

mahou

Bovino maduro
#3
#3
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!
Haz clic 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
 
M

mahou

Bovino maduro
#5
#5
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
 
stunds

stunds

Bovino adicto
#6
#6
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
 
M

mahou

Bovino maduro
#7
#7
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
 
stunds

stunds

Bovino adicto
#8
#8
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
Haz clic 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 responder aquí.
Arriba