Perjungti matomumą slepiant elementus CSS-gudrybės

Anonim

„Medium“ kūrėjų komanda aptarė keletą blogų praktikų, kurios pažeidžia prieinamumą. Viename pavyzdyje jie teigia, kad opacityekrano skaitytuvai nėra gerai palaikomi, taigi, jei norime paslėpti elementą perėjime, visada turėtume naudoti ir 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; )

Atminkite, kad neskaidrumas ir matomumas vis tiek palieka elementą dokumento sraute. Jei jums reikia jį pašalinti iš srauto, yra daugiau darbo. Iš tikrųjų čia yra būdas galvoti apie juos ...

gali padaryti daiktą nematomu gali padaryti dalyką neištrinamu pašalina iš doc srauto galima pereiti galima pakeisti vaiku
neskaidrumas ya ne ne taip ne
matomumas ya ya ne taip taip
ekranas ya ya ya ne ne
rodyklė-įvykiai ne ya ne ne ne

Jei po išblukimo reikia pakeisti elemento rodymo vertę, tai yra sunkiau. CSS tikrai neįmanoma, nes displaynegalima perkelti. „Snook“ parašė apie tai, įskaitant tam tikrą „JavaScript“, kad padėtų.