|
Vodič vam bo pojasnil temeljno razliko med Display: none in Visibility: hidden. Obe CSS lastnosti se uporabljata na spletnih straneh (predvsem za menije), na brskalnike pa nimata efekta. Za lažje razumevanje je podan nazoren primer.
Kakšna je razlika mad Display: none in Visibility: hidden?
Display: none povzroči, da html element ni prikazan. Prav tako na strani ne zavzame nobenega prostora (kot da ga ne bi bilo).
Visibility: hidden povzroči, da html element ni prikazan, a za razliko od display: none na spletni strani zavzame svoj prostor.
Primer: Med besedilo bomo vstavili dva diva s črnim ozadjem velikosti 100x100 pikslov. Prvi div bo imel lastnost Visibility: hidden, drugi pa Display: none.
PRIKAZ primera
PRIKAZ HTML in CSS kode primera
.prviDiv{
visibility: hidden;
}
.drugiDiv{
display: none;
}
Brskalniki, kot sta Google in Yahoo poindeksirata besedilo, tudi, če je skrito, zato naj vas optimizacija pri uporabi zgornjih CSS lastnosti ne skrbi.
Visibility: hidden in Display: none se uporabljata predvsem pri menijih (npr. Spustni meni).
|
