Pri skrývaní a zobrazovaní vecí v CSS neexistuje iba jedna vlastnosť CSS, po ktorej siahnete. V tomto videu si vezmeme veľa úvah, ktoré si prejdeme.
Napríklad existuje displayvlastnosť, v ktorej display: none;je veľmi efektívne skrývať veci. Tento prvok však skryje aj pred pomocnou technológiou a nie vždy to chcete, napríklad rozbaľovaciu navigačnú ponuku (rozbaľovacie ponuky sú vizuálne skryté, ale nemali by sa pred pomocnou technológiou skrývať).
A tiež displaynie je prenosný, takže ak chcete tento prvok zosvetliť / zosvetliť transition, je koniec. Pokiaľ na použitie tejto vlastnosti nepoužívate JavaScript, až keď dôjde k prechodu.
Čo je prenosné? opacityje a ukáže visibilitysa tiež. Táto kombinácia je celkom užitočná, pretože ak už má prvok nejaký prvok visibility: hidden;, neruší ho udalosti ako kliknutia / klepnutia. Toto kombo však nevyberá prvok z toku stránok, čo môže byť užitočné alebo užitočné. Za positiontýchto okolností môže byť nehnuteľnosť užitočná.
Pozri! Toľko na premýšľanie!