Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

Problem z rozmiarem zdjęcia w background-size: cover

Zaczynasz dopiero swoją przygodę z HTML'em? A może mimo swojego doświadczenia natknąłeś się na jakiś problem? Tutaj na pewno znajdziesz pomoc.

Problem z rozmiarem zdjęcia w background-size: cover

Post 18.05.2017, 13:20:57

Witam serdecznie,
Tam taki CSS:
Kod: Zaznacz cały
.tlo {
    background-image: url('../images/tlo.png');
    display: inline-block;
    line-height: 0;
    vertical-align: middle;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 268px;
    width: 100%;
    background-size: cover;
    background-attachment: fixed;
   
}


Chciałbym uzyskać taki efekt jak na stronie: http://tajednachwila.pl (GALERIA) - ruchome tło, przesuwające się wraz z obniżaniem/podwyższaniem strony w przeglądarce...


Powyższy kod nie pokazuje mi pełnowymiarowego tła, tylko powiększony jego element.
Wygląda to tak: http://serwer1356363.home.pl/pub/tlo/
Obrazek: http://serwer1356363.home.pl/pub/tlo/images/kasa.png

Wie ktoś może dlaczego to nie działa?:(
northwest
Posty: 153
Dołączył(a): 16.09.2004

Re: Problem z rozmiarem zdjęcia w background-size: cover

Post 28.05.2017, 19:35:35

Problem wynika z tego jak działa background-attachment: fixed. Ze specyfiki tego działania background-size: cover nie rozciąga obrazka względem .pieniadze_full tylko względem viewportu. Nie bardzo da sie to sensownie rozwiązać CSSem.
Avatar użytkownikakuku
Rafał Kukawski

+∞
+∞

Posty: 19571
Dołączył(a): 14.04.2002


Powrót do Początkujący webmaster


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Yandex [Bot] i 9 gości

Hosting, Domeny, SSL

Subskrypcja

Mamy 50332 zarejestrowanych użytkowników.
Najnowszy użytkownik: Tamela93


Nasi użytkownicy napisali:

  • 935475 wiadomości
  • w 246488 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)