0

Hola buenos días a todos, estimados mi consulta es la siguiente: necesito que un div con un tamaño determinado (300px) y un widht de 100% tenga una imagen de fondo, lo consigo, pero el tema es que cuando paso por ese div hace una especie de scroll sobre la imagen, y quiero que quede como "fijo"...

Tengo este css:

#fullTurismoIndex{
  background: url(../img/background_frontis.jpg) no-repeat ; 
  width: 100%;
  height: 300px;
}

y el html lo tengo asi:

 <!--TURISMO-->
<section id="fullTurismoIndex" class="">
  <div class="container">
        <div class="row">
            <h3>TURISMO</h3>
        </div>
    </div>
</section>

Aclaro que probé con cover en la propiedad del background y tampoco me resultó.

Saludos a todos y gracias desde ya

4
  • Probando tu código funciona sin problema, la imagen de fondo permanece fija el 30 ene. 2019 a las 12:29
  • Intenta hacer una resolución mas pequeña y veras que cuando se hace scroll la imágen tambien se mueve. el 30 ene. 2019 a las 12:30
  • Tu respuesta es correcta el 30 ene. 2019 a las 12:32
  • lo pruebo en html puro y me funciona... el 30 ene. 2019 a las 14:03

2 respuestas 2

2

Añade background-attachment: fixed; al estilo css de #fullTurismoIndex y la imagen nunca se movera del sitio!

0

Agrega un overflow: hidden a tu propiedad en css;

#fullTurismoIndex{
     width: 100%;
     height: 300px;
     overflow: hidden;
     background: url(../img/background_frontis.jpg) no-repeat ;
}
3
  • creo que no has entendido bien lo que queria decir Nicolas Ezequiel Almonacid el 30 ene. 2019 a las 12:32
  • jeje cito: "Cuando paso por ese div hace una especie de scroll sobre la imagen" el 30 ene. 2019 a las 12:33
  • claro, se referia que la imagen baja con el documento y lo que quiere es que siempre sea fija, aunque el documento baje el 30 ene. 2019 a las 12:37

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.