HTML/CSSPytanie 09 z 14
Ukrywanie elementów
Najpierw odpowiedz na głos lub w myślach, potem porównaj.
Odpowiedź
display: none usuwa element z układu. visibility: hidden ukrywa go, ale pozostawia zajmowane miejsce. Obie metody zwykle usuwają go także z drzewa dostępności.
CSS
.removed { display: none; }
.invisible { visibility: hidden; }Doprecyzowanie: HTML hidden jest atrybutem, a nie wartością display. Zwykle odpowiada ukryciu bez zajmowania miejsca.
Pułapka: opacity: 0 tylko czyni element przezroczystym. Może on nadal przechwytywać kliknięcia, być fokusowalny i obecny dla czytników ekranu.
Jak poszło? Bądź szczery — „Jeszcze nie” dodaje pytanie do powtórki.