Téigh ar aghaidh chuig an bpríomhábhar Scipeáil chuig nascleanúint docs
Check
in English

Z-innéacs

Cé nach cuid de chóras eangaí Bootstrap iad, tá ról tábhachtach ag z-innéacsanna sa chaoi a bhforleacann ár gcomhpháirteanna agus a n-idirghníomhaíonn siad lena chéile.

Úsáideann go leor comhpháirteanna Bootstrap z-index, an t-airí CSS a chuidíonn le leagan amach a rialú trí thríú ais a sholáthar chun ábhar a shocrú. Bainimid úsáid as scála réamhshocraithe z-innéacs i Bootstrap atá deartha chun an loingseoireacht, leideanna uirlisí agus popovers, módúil agus go leor eile a chisealú i gceart.

Tosaíonn na luachanna níos airde seo ag uimhir threallach, ard agus sonrach go leor chun coinbhleachtaí a sheachaint. Teastaíonn sraith chaighdeánach díobh seo ar fud ár gcomhpháirteanna cisealta—leideanna uirlisí, popovers, barraí nascleanúna, anuas, módúil - ionas gur féidir linn a bheith réasúnta comhsheasmhach san iompar. Níl aon chúis nárbh fhéidir linn 100+ nó 500+ a úsáid.

Ní spreagaimid saincheapadh na luachanna aonair seo; má athraíonn tú ceann amháin, is dócha go gcaithfidh tú iad go léir a athrú.

$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;
$zindex-toast:                      1090;

Chun teorainneacha forluiteacha laistigh de chomhpháirteanna a láimhseáil (m.sh., cnaipí agus ionchuir i ngrúpaí ionchuir), bainimid úsáid as z-indexluachanna aondigite ísle de 1, 2, agus 3le haghaidh stáit réamhshocraithe, ainlithe agus gníomhacha. Maidir le hover/fócas/gníomhach, tugaimid gné ar leith chun tosaigh le z-indexluach níos airde chun a dteorainn thar na heilimintí dearthár a thaispeáint.