Z-nufiamefianu

Bootstrap ƒe akpa geɖewo zãa z-index, CSS ƒe nɔnɔme si kpena ɖe ɖoɖowɔɖi dzi kpɔkpɔ ŋu to axis etɔ̃lia nana be wòaɖo nyatakakawo ɖe ɖoɖo nu me. Míezãa z-index dzidzenu si woɖo ɖi le Bootstrap me si wowɔ be wòatsɔ aɖo mɔfiamewo, dɔwɔnuwo kple popovers, modals, kple bubuwo la nyuie.

Asixɔxɔ siawo siwo kɔ wu la dzea egɔme tso xexlẽme si woɖo ɖi dzi, si kɔkɔ eye wòle tẽ ale gbegbe be le mɔ nyuitɔ nu la, woaƒo asa na masɔmasɔwo. Míehiã esiawo ƒe ɖoɖo si sɔ le míaƒe akpa siwo le ƒuƒoƒo me—dɔwɔnu ƒe aɖaŋuɖoɖowo, popovers, navbars, dropdowns, modals—ale be míate ŋu awɔ ɖeka le nuwɔnaawo me le mɔ si sɔ nu. Susu aɖeke meli si tae míate ŋu azã 100+ alo 500+ hafi o.

Míedea dzi ƒo be woatrɔ asi le dzidzenu ɖekaɖeka siawo ŋu o; ne ètrɔ ɖeka la, anɔ eme be ahiã be nàtrɔ wo katã.

$zindex-dropdown:                   1000;
$zindex-sticky:                     1020;
$zindex-fixed:                      1030;
$zindex-offcanvas-backdrop:         1040;
$zindex-offcanvas:                  1045;
$zindex-modal-backdrop:             1050;
$zindex-modal:                      1055;
$zindex-popover:                    1070;
$zindex-tooltip:                    1080;

Be míakpɔ liƒo siwo ƒo xlã wo nɔewo le akpawo me gbɔ (le kpɔɖeŋu me, abɔtawo kple nyawo tsɔtsɔ de eme le nyawo tsɔtsɔ de eme ƒe ƒuƒoƒowo me), míezãa xexlẽdzesi ɖeka ƒe z-indexasixɔxɔ siwo le bɔbɔe siwo nye 1, 2, kple 3na nɔnɔme siwo woɖo ɖi, hover, kple nɔnɔme siwo le dɔ wɔm. Le hover/focus/active dzi la, míetsɔa nu tɔxɛ aɖe vaa ŋgɔgbe kple z-indexasixɔxɔ si kɔkɔ wu be míaɖe woƒe liƒo afia ɖe nɔviawo ƒe akpaawo dzi.