Cómo colocar una imagen fija en css

Resuelto/Cerrado
Denunciar
Message postés
2
Date d'inscription
lunes, 13 de junio de 2016
Estatus
Miembro
Última intervención
miércoles, 22 de junio de 2016
-
 guille001 -
Hola, estoy haciendo mi web y me gustaría que una foto en un div se comporte algo similar a lo que aparece en esta web:

http://www.spenagroup.com/ambientales/

Como ven, al bajar el scroll, se comporta como una ventana donde puedes ver la imagen de fondo, por favor si alguien me puede ayudar a cómo hacer eso estaría muy agradecido.

1 respuesta

Message postés
36
Date d'inscription
jueves, 9 de junio de 2016
Estatus
Miembro
Última intervención
viernes, 24 de junio de 2016
15
De hecho es una ventana por así decirlo. Lo único que hacen ahí es poner esa imagen de fondo. Y la parte del body esa "ventana" le han dado una transparencia total, de ahí ese efecto que al bajar se queda fija la imagen pero en realidad esta detrás de fondo. Un saludo.
1
Gracias

Unas palabras de agradecimiento nunca están de más. Deja tu comentario

CCM 11108 usuarios nos han dicho gracias este mes

Es decir que debo de poner una imagen de fondo en el body y que cuadre con el div en transparencia?
Message postés
36
Date d'inscription
jueves, 9 de junio de 2016
Estatus
Miembro
Última intervención
viernes, 24 de junio de 2016
15
Exactamente.
Message postés
2
Date d'inscription
lunes, 13 de junio de 2016
Estatus
Miembro
Última intervención
miércoles, 22 de junio de 2016

Hola Antleiva, sí me funcionó gracia por la ayuda. Lo malo es que cuando bajo más hay espacios vacíos entre otros div y dejan ver el fondo. Finalmente creo que no va a funcionar ese método con mi web.
Message postés
36
Date d'inscription
jueves, 9 de junio de 2016
Estatus
Miembro
Última intervención
viernes, 24 de junio de 2016
15
¿Y no podrías rellenar esos espacios con div con opacidad 1?
>
Message postés
36
Date d'inscription
jueves, 9 de junio de 2016
Estatus
Miembro
Última intervención
viernes, 24 de junio de 2016

Gracias Antleiva, justo ayer un amigo me dijo que debo de colocar la imagen desde el CSS y luego ponerla fija; aquí comparto lo que explicó y cómo lo hice por si en algún momento también quieran saberlo:

background-attachment:fixed; este le da una posición fija a la imagen como se ve vio en esa página ( http://www.spenagroup.com/ambientales/ ).

background-position:center; Con este lo centré porque mi foto se iba todo para la izquierda.

background-repeat:no-repeat; y con este impedí que se repitiera mi foto

Ejemplo:

#div-imgen{
width:1080px;
height:500px;
background-image:url(image/imagen.png);
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed;
}