Укључивање / искључивање видљивости приликом скривања елемената - ЦСС-трикови

Anonim

Развојни тим компаније Медиум разговарао је о неким лошим праксама које нарушавају приступачност. У једном примеру, они тврде да opacityчитачи екрана не подржавају добро, па ако желимо да сакријемо елемент у прелазу, увек би требало да користимо и visibilityатрибут:

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

Запамтите да непрозирност и видљивост и даље остављају елемент у току докумената. Ако требате да га уклоните из протока, има још посла. Заправо, ево начина да размишљамо о њима ...

може ствар учинити невидљивом може ствар учинити не кликнути уклања из протока док може се пребацити може се обрнути на детету
непрозирност иа не не да не
видљивост иа иа не да да
приказ иа иа иа не не
показивачки догађаји не иа не не не

Ако треба да промените вредност приказа елемента након блеђења, то је теже. То заправо није могуће у ЦСС-у, јер displayније пролазно. Сноок је писао о овоме, укључујући и неки ЈаваСцрипт за помоћ.