CSS taisyklės visibility:hidden
ir display:none
lemia, kad elementas nėra matomas. Ar tai yra sinonimai?
display:none
reiškia, kad atitinkama žyma iš viso nebus rodoma puslapyje (nors vis tiek galėsite su ja sąveikauti per dom). Jai nebus skirta vietos tarp kitų žymų.
visibility:hidden
reiškia, kad priešingai nei display:none
, žyma nebus matoma, tačiau jai bus skirta vietos puslapyje. Žyma yra atvaizduojama, tik puslapyje ji nematoma.
Pavyzdžiui:
test | <span style="[style-tag-value]">Appropriate style in this tag</span> | test
Pakeitus [style-tag-value]
į display:none
gaunama:
test | | test
Pakeitus [style-tag-value]
su visibility:hidden
gaunamas rezultatas:
test | | test
display: none
visiškai pašalina elementą iš puslapio, ir puslapis kuriamas taip, tarsi elemento iš viso nebūtų.
Visibility: hidden
palieka elementą dokumento sraute, nors jo ir nebegalima matyti.
Priklausomai nuo to, ką darote, tai gali turėti arba neturėti didelės reikšmės.