Preklop vidnosti pri skrivanju elementov - CSS-triki

Anonim

Razvojna skupina za Medium je razpravljala o nekaterih slabih praksah, ki ovirajo dostopnost. V enem primeru trdijo, da opacitybralniki zaslona ne podpirajo dobro, zato, če želimo skriti element v prehodu, moramo vedno uporabiti tudi visibilityatribut:

.m-fadeOut ( visibility: hidden; opacity: 0; transition: visibility 0s linear 300ms, opacity 300ms; ) .m-fadeIn ( visibility: visible; opacity: 1; transition: visibility 0s linear 0s, opacity 300ms; )

Ne pozabite, da motnost in vidnost še vedno puščata element v toku dokumentov. Če ga želite odstraniti iz toka, je še veliko dela. Pravzaprav tukaj je način, kako razmišljati o njih ...

lahko naredi stvar nevidno lahko stvar naredi netično odstrani iz toka dokumenta lahko prehod se lahko obrne na otroka
motnost ja št št ja št
vidljivost ja ja št ja ja
zaslon ja ja ja št št
kazalni dogodki št ja št št št

Če morate spremeniti prikazno vrednost elementa po bledenju, je to strožje. V CSS v resnici ni mogoče, ker displayni prehodno. O tem je pisal Snook, vključno z nekaj JavaScript za pomoč.