CSS-is peitmisel ja kuvamisel pole mitte ainult ühte CSS-i vara. Selles videos käsitleme mitmeid kaalutlusi.
Näiteks on display
vara, milles display: none;
on asjade varjamine väga tõhus. Kuid see varjab seda elementi ka abitehnoloogia eest ja te ei soovi seda alati, nagu rippmenüü navigeerimismenüü (rippmenüüd on visuaalselt peidetud, kuid neid ei tohiks peita abitehnoloogia eest).
Ja display
see pole ka üleminekuvõimalus, nii et kui soovite selle elemendi sisse või välja tuhmida transition
, siis see on läbi. Kui te ei kaasata JavaScripti selle atribuudi rakendamiseks alles pärast üleminekut.
Mis on teisaldatav? opacity
on ja osutub visibility
ka. See kombinatsioon on koos üsna kasulik, kuna kui üks element on olemas visibility: hidden;
, ei häiri see selliseid sündmusi nagu klikid / puudutused. See kombinatsioon ei võta siiski elementi lehevoogudest välja, mis võib olla kasulik või mitte. position
Vara võib olla kasulik Neil asjaoludel.
Vaadake! Nii palju mõtlemist!