Pārslēgt redzamību, slēpjot elementus CSS-triki

Satura rādītājs

Attīstības komanda Medium ir apspriedusi dažas sliktas prakses, kas pārkāpj pieejamību. Vienā piemērā viņi apgalvo, ka opacityekrāna lasītāji to labi neatbalsta, tāpēc, ja mēs vēlamies paslēpt elementu pārejā, mums vienmēr jāizmanto arī visibilityatribūts:

.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; )

Atcerieties, ka necaurredzamība un redzamība joprojām atstāj elementu dokumentu plūsmā. Ja jums tas jānoņem no plūsmas, ir jādara vairāk. Patiesībā šeit ir veids, kā domāt par viņiem ...

var padarīt lietu neredzamu var padarīt lietu nenoklikšķināmu noņem no doc plūsmas var pāriet var mainīt pret bērnu
necaurredzamība ya
redzamība ya ya
displejs ya ya ya
pointer-events ya

Ja pēc izbalēšanas ir jāmaina elementa displeja vērtība, tas ir grūtāk. CSS nav īsti iespējams, jo displaynav pārejams. Snook ir rakstījis par to, ieskaitot dažus JavaScript, lai palīdzētu.

Interesanti raksti...