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

Responsywne tła w CSS + @media

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.

Responsywne tła w CSS + @media

Post 14.05.2018, 15:46:53

Cześć!

Mam problem z implementacją tła w CSS. Moje założenia to:

- tło jest obrazem jpg,
- dla różnych rozdzielczości mam różne rozmiary obrazów,
- bez względu na wymiary, obraz zawsze zachowuje proporcje,
- używam media query (np: media(min-width: 720px) {}) i background-image: -image-set(),

Przykład: https://codepen.io/ilona_7628/pen/NMBGZg/

Problem polega na tym, że w powyższym scenariuszu nie wiem jak poprawnie określić margin-top dla div, tak aby pierwszy paragraf zawsze znajdował się poniżej obrazu tła. Wiem, że mogę po prostu użyć img i srcset, ale w tym przypadku obrazy są tylko dekoracją.
Ilona
Posty: 3
Dołączył(a): 01.12.2017

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ł: Brak zidentyfikowanych użytkowników i 5 gości

Hosting, Domeny, SSL

Subskrypcja

Mamy 51973 zarejestrowanych użytkowników.
Najnowszy użytkownik: Eddierob


Nasi użytkownicy napisali:

  • 938345 wiadomości
  • w 247865 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)