Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA INF3 - STYCZEŃ 2016


PYTANIE NR 6.
Blok deklaracji postaci background-attachment: scroll powoduje, że
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
background-attachment: scroll oznacza, że obraz tła jest "przywiązany" do elementu i przewija się wraz z jego zawartością, więc podczas scrollowania strony tło przesuwa się razem z tekstem. Pozostałe odpowiedzi opisują inne właściwości: powtarzanie, stałe tło lub pozycjonowanie.

Pełne wyjaśnienie:

Właściwość background-attachment w CSS określa, jak zachowuje się tło (obraz tła) podczas przewijania zawartości. Wartość scroll jest typowym ustawieniem, w którym tło nie jest "zamrożone" względem okna przeglądarki, tylko porusza się razem z treścią elementu/strony. W praktyce, gdy użytkownik przewija stronę, widoczne tło przesuwa się w tym samym kierunku co tekst i pozostałe elementy treści.

Odpowiedź "tło strony będzie przewijane razem z tekstem." jest poprawna, bo dokładnie opisuje efekt wartości scroll: tło zachowuje się jak część renderowanej zawartości przewijanego dokumentu.

Dlaczego pozostałe propozycje są niepoprawne?

  • "grafika tła będzie powtarzana (kafelki)." – powtarzanie tła kontroluje inna właściwość: background-repeat. Można mieć background-attachment: scroll i jednocześnie brak powtarzania, albo odwrotnie.
  • "tło strony będzie stałe, a tekst będzie się przewijał." – to opis zachowania kojarzonego z wartością fixed (tło "przyklejone" do viewportu). To częsta pułapka, bo efekt stałego tła jest popularny w przykładach i poradnikach.
  • "grafika tła będzie wyświetlona w prawym górnym rogu strony." – pozycję tła ustala background-position, a nie background-attachment. Ustawienia "prawy górny róg" można uzyskać niezależnie od tego, czy tło się przewija, czy jest stałe.

Wskazówka egzaminacyjna: gdy w odpowiedziach mieszają się pojęcia "przewijanie", "powtarzanie" i "pozycja", przyporządkuj je do właściwości: attachment (ruch), repeat (kafelki), position (miejsce). To pomaga szybko odrzucić dystraktory.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co oznacza właściwość CSS background-attachment?

background-attachment określa, czy tło przewija się razem z zawartością, czy pozostaje nieruchome względem okna przeglądarki.

Najczęściej spotkasz wartości scroll (tło "idzie" ze stroną) oraz fixed (tło wydaje się stałe przy przewijaniu).

Jak działa background-attachment: scroll na stronie WWW?

Przy background-attachment: scroll tło jest związane z elementem i przesuwa się podczas przewijania dokumentu.

W efekcie, gdy użytkownik scrolluje w dół, tło przesuwa się tak jak tekst i inne elementy, bez efektu "zamrożenia" tła.

Dlaczego background-attachment: fixed daje efekt stałego tła?

Wartość fixed sprawia, że tło jest pozycjonowane względem viewportu (obszaru okna przeglądarki), a nie względem przewijanej treści.

Dlatego tekst się przesuwa, a tło wydaje się nieruchome, co bywa używane w prostych efektach wizualnych.

Jaka jest różnica między background-attachment a background-position?

background-attachment dotyczy ruchu tła podczas przewijania (czy tło się przesuwa).

background-position dotyczy miejsca startowego tła (np. lewy górny róg, środek, prawy górny róg). To różne mechanizmy i nie należy ich mylić.

Jaka jest różnica między background-attachment a background-repeat?

background-repeat decyduje, czy obraz tła jest powielany (kafelkowany), np. w osi X/Y.

background-attachment określa, czy tło przewija się z treścią. Możesz mieć jednocześnie przewijane tło i brak powtarzania albo stałe tło i powtarzanie.

Czy background-attachment: scroll jest ustawieniem domyślnym?

W praktyce w wielu przypadkach przeglądarki zachowują się tak, jakby tło przewijało się z treścią, co odpowiada wartości scroll.

Na egzaminie warto jednak pamiętać znaczenie: scroll = tło przewija się razem z dokumentem, fixed = tło "stoi".

Jakie błędy najczęściej popełnia się przy background-attachment?

Najczęstszy błąd to pomylenie scroll z fixed, bo efekt stałego tła jest popularny w poradnikach.

Drugi błąd to łączenie tej właściwości z kafelkami lub pozycją tła, które należą do background-repeat i background-position.

Kiedy warto użyć background-attachment: fixed w projekcie?

Może być użyteczne, gdy chcesz uzyskać wrażenie "nieruchomego" tła, np. w sekcji nagłówkowej strony.

W praktyce trzeba testować na różnych urządzeniach i przeglądarkach, bo stałe tło bywa obciążające wydajnościowo i może być inaczej obsługiwane na mobilnych.

Czy background-attachment działa tak samo dla body i dla div?

Zasada znaczeniowa jest ta sama: określasz, czy tło ma się przesuwać przy przewijaniu.

Różnice w odczuciu efektu wynikają z tego, czy przewijasz cały dokument (np. tło body), czy przewijany jest konkretny kontener z overflow. Warto testować w praktyce.

Jak szybko rozpoznać na egzaminie, która odpowiedź opisuje scroll?

Zapamiętaj prostą regułę: scroll = "tło jedzie ze stroną", fixed = "tło stoi, a treść płynie".

Jeśli odpowiedź mówi o kafelkach lub narożnikach, to wskazuje raczej na repeat albo position, a nie na attachment.

info

To pytanie poprawnie rozwiązuje 57% zdających egzamin. średnie

Według specjalistów z branży: "background-attachment: scroll oznacza, że obraz tła jest "przywiązany" do elementu i przewija się wraz z jego zawartością, więc podczas scrollowania strony tło przesuwa się razem z tekstem."

Źródła:

  • MDN Web Docs: "background-attachment" (CSS) — https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment (dostęp: 2026-03-01)
  • W3C / CSSWG: "CSS Backgrounds and Borders Module Level 3" — sekcja dot. background-attachment — https://www.w3.org/TR/css-backgrounds-3/ (dostęp: 2026-03-01)
  • W3Schools: "CSS background-attachment Property" — https://www.w3schools.com/cssref/pr_background-attachment.php (dostęp: 2026-03-01)

Materiały:

  • Dokumentacja MDN o background-attachment
  • Specyfikacja CSS Backgrounds and Borders (rozdział o background-attachment)
  • Ćwiczenia praktyczne: porównanie scroll/fixed na prostym przykładzie HTML+CSS
Zobacz też:

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego