Lülita nähtavus elementide peitmisel - CSS-trikid

Anonim

Keskmise arendusmeeskond on arutanud mõningaid halbu tavasid, mis rikuvad ligipääsetavust. Ühes näites väidavad nad, et opacityekraanilugejad ei toeta seda hästi, nii et kui me tahame elementi üleminekus peita, peaksime alati kasutama ka visibilityatribuuti:

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

Pidage meeles, et läbipaistmatus ja nähtavus jätavad dokumendivoogu ikkagi elemendi. Kui peate selle voolust eemaldama, on veel tööd teha. Tegelikult on siin võimalus neist mõelda ...

võib muuta asja nähtamatuks võib muuta asja klõpsamatuks eemaldab doc-voost saab üle viia saab lapsele tagasi pöörata
läbipaistmatus jah ei ei jah ei
nähtavus jah jah ei jah jah
kuva jah jah jah ei ei
pointer-sündmused ei jah ei ei ei

Kui peate pärast pleekimist muutma elemendi kuvatavat väärtust, on see karmim. CSS- displayis pole see tegelikult võimalik, kuna see pole teisaldatav. Snook on sellest kirjutanud, lisades ka mõne JavaScripti.