Przejdź do treści głównej
INF.03Pytanie #1199 z 1558css-box-model-i-pozycjonowanie

Chcesz, aby obraz tła na stronie (body) był stały (nie przewijał się wraz z treścią strony) i pokrywał cały dostępny obszar, zachowując swoje proporcje i będąc wyśrodkowanym. Jakie właściwości CSS pomogą to osiągnąć?

Opcje odpowiedzi:
A
body { background-image: url('obraz.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; }
Prawidłowa
B
body { background: url('obraz.jpg') no-scroll full-cover centered; }
C
body { image-src: 'obraz.jpg'; image-scroll: disabled; image-fit: fill; image-align: middle; }
D
body { background-picture: url('obraz.jpg'); background-mode: fixed-cover; }
Reklama

Wyjaśnienie i uzasadnienie dydaktyczne

Poprawna odpowiedź: A (body { background-image: url('obraz.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; })

Kompletny zestaw właściwości CSS tła:

  • background-attachment: fixed; — unieruchomienie tła przy przewijaniu,
  • background-size: cover; — pełne pokrycie kontenera z zachowaniem proporcji,
  • background-position: center center; — wyśrodkowanie obrazu,
  • background-repeat: no-repeat; — brak powielania grafiki kafelkowo.

Dlaczego pozostałe opcje są nieprawidłowe?

  • B: Wartości no-scroll i full-cover nie występują w skróconej właściwości background.
  • C: Właściwości image-src, image-scroll i image-fit nie istnieją w CSS dla tła body.
  • D: background-picture i background-mode to fikcyjne nazwy właściwości.

Chcesz poćwiczyć całą kwalifikację INF.03?

Egzamin próbny na czas, nauka działami, losowe pytanie albo przegląd całej bazy — wszystko w przeglądarce i bez zakładania konta.

Rozwiąż w Quizie

Pojęcia z tego pytania

Cały słownik INF03
Reklama

Podobne pytania z działu „Css box model i pozycjonowanie”

Ten sam obszar materiału z kwalifikacji INF.03. W całej bazie znajdziesz 47 pytań z tego działu.