Nem csak egyetlen CSS-tulajdonság érhető el, amikor elrejti és megmutatja a dolgokat a CSS-ben. Van egy csomó szempont, amelyet áttekintünk ebben a videóban.
Például van egy displaytulajdonság, amely display: none;nagyon hatékonyan rejti el a dolgokat. De el fogja rejteni ezt az elemet a segítő technológiák elől is, és nem mindig ezt szeretné, mint például a legördülő menüből (a legördülő menük vizuálisan el vannak rejtve, de nem szabad elrejteni a segítő technológiák elől).
És displaynem is átváltható, tehát ha be akarja halványítani / elhalványítani ezt az elemet transition, akkor az kialszik. Hacsak nem vonja be a JavaScript-et arra, hogy ezt a tulajdonságot csak az átállás után alkalmazza.
Mi az áttérhető? opacityés kiderül, hogy visibilityaz is. Ez a kombináció nagyon hasznos együtt, mivel ha egy elem megvan visibility: hidden;, az nem zavarja az olyan eseményeket, mint a kattintások / csapok. Ez a kombináció azonban nem vonja ki az elemet az oldalfolyamatból, ami hasznos lehet, vagy nem hasznos. Az positioningatlan hasznos lehet ilyen körülmények között.
Lát! Ennyit gondolkodni!