Responsywne tło div (zdjęcie)

Question

Witam!!

Mam pytanko w jaki sposób zrobić responsywne tło div'a tak zeby obrazek (który ma być tłem) zajmował zawsze cały div i skalowal sie wraz z zmianą rozdzielczości w grę wchodzi również bootstrap.oraz właściwość background-attachment:fixed;

 

background-image:url(tapeta.jpg); background-size:100%; background-repeat:no-repeat; background-attachment:fixed; text-align:center;

 

Ale nie do końca to jest taki efekt ponieważ obrazek nie skaluje się tak jak np orazek z uzyciem bootstrapa. 

 

<img src="img/baner.jpg" class="img-responsive" />

  

Z góry dzięki

Answer 1

background-size: 100% 100%;

Daj dwa parametry 100% w pionie i poziomie. Może błąd wynika z tego.

Comments

zdjęcie się zniekształci

---

No racja.

A nie możesz zrobić jak w bootstrapie?

  max-width: 100%;
  height: auto;

 

---

pytanie jest o tło div'a

background-size: cover;

 

---

Sorry, jestem dzisiaj jakiś rozkojarzony.

Answer 2

background-size: cover;

Comments

Używam tego i zawsze (prawie) działa! polecam

Answer 3

 .background-div{
      background-image:url('http://drive.google.com/uc?export=download&id=0Bw176tQtKlp1SUdVam5SNnowRnc') ; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; text-align:center;background-position: center center;
      height: 100vh
    }

<div class="background-div">
<h1>Lorem ipsum dolor sit amet.</h1>
</div>
  

o takie coś chodziło?