Det er ikke bare en enkelt CSS-egenskap du når etter når du skjuler og viser ting i CSS. Det er en rekke hensyn som vi vil gå over i denne videoen.
For eksempel er det displayeiendommen som display: none;er veldig effektiv til å skjule ting. Men det vil også skjule elementet fra hjelpemiddelteknologi, og du vil ikke alltid ha det, som en rullegardinmeny (rullegardinmenyene er visuelt skjult, men skal ikke skjules for hjelpemiddelteknologi).
Og displaykan ikke overføres heller, så hvis du vil fade inn / fade ut det elementet med transition, er det ute. Med mindre du involverer JavaScript i å bruke den eiendommen først etter at overgangen har skjedd.
Hva kan overføres? opacityer, og viser seg visibilityer også. Denne kombinasjonen er ganske nyttig sammen, da en gang et element har visibility: hidden;det, forstyrrer det ikke hendelser som klikk / trykk. Denne kombinasjonen tar ikke elementet ut av sidestrømmen, noe som kan være nyttig eller ikke nyttig. Den positionegenskapen kan være nyttig i disse forholdene.
Se! Så mye å tenke på!