Der er ikke kun en enkelt CSS-ejendom, som du når ud til, når du gemmer og viser ting i CSS. Der er en masse overvejelser, som vi vil gennemgå i denne video.
For eksempel er der den displayegenskab, som display: none;er meget effektiv til at skjule ting. Men det skjuler også dette element for hjælpemidler, og det vil du ikke altid have, som en navigationsmenu på rullemenuen (rullelisterne er visuelt skjulte, men bør ikke skjules for hjælpemidler).
Og det kan displayheller ikke overføres, så hvis du vil fade ind / fade det element med transition, er det ude. Medmindre du kun involverer JavaScript i at anvende denne ejendom, efter at overgangen er sket.
Hvad kan overføres? opacityer, og det viser sig visibilityogså. Denne kombination er ret nyttig sammen, da når et element først har visibility: hidden;det, forstyrrer det ikke begivenheder som klik / tryk. Denne combo tager dog ikke elementet ud af sidestrømmen, hvilket kan være nyttigt eller ikke nyttigt. Den positionegenskab kan være nyttigt under disse omstændigheder.
Se! Så meget at tænke på!
