Nie ma tylko jednej właściwości CSS, po którą sięgasz, ukrywając i pokazując rzeczy w CSS. Jest kilka kwestii, które omówimy w tym filmie.
Na przykład jest displaynieruchomość, która display: none;bardzo skutecznie ukrywa rzeczy. Ale ukryje to również ten element przed technologią wspomagającą, a nie zawsze tego chcesz, jak rozwijane menu nawigacyjne (menu rozwijane są wizualnie ukryte, ale nie powinny być ukrywane przed technologią wspomagającą).
I displaynie jest też przejściowy, więc jeśli chcesz zanikać / zanikać ten element transition, to jest wyciszany . Chyba że używasz JavaScript, aby zastosować tę właściwość dopiero po dokonaniu przejścia.
Co można przenieść? opacityjest i okazuje się, że visibilityjest też. Ta kombinacja jest bardzo przydatna razem, ponieważ gdy element ma visibility: hidden;, nie koliduje z wydarzeniami, takimi jak kliknięcia / dotknięcia. Ta kombinacja nie usuwa jednak elementu z przepływu strony, co może być przydatne lub nieprzydatne. W positiontakich okolicznościach nieruchomość może być przydatna.
Widzieć! Tyle do przemyślenia!