Rach gu prìomh shusbaint Air adhart gu seòladh docs
Check
in English

Z-clàr-amais

Ged nach eil iad nam pàirt de shiostam clèithe Bootstrap, tha pàirt chudromach aig clàran-z anns an dòigh sa bheil na co-phàirtean againn a’ dol thairis air agus ag eadar-obrachadh le chèile.

Bidh grunn phàirtean Bootstrap a’ cleachdadh z-index, an togalach CSS a chuidicheas le smachd a chumail air cruth le bhith a’ toirt seachad treas axis gus susbaint a chuir air dòigh. Bidh sinn a’ cleachdadh sgèile clàr-z bunaiteach ann am Bootstrap a chaidh a dhealbhadh gus seòladh, molaidhean innealan agus popovers, modalan agus barrachd a chòmhdach gu ceart.

Bidh na luachan nas àirde sin a’ tòiseachadh aig àireamh neo-riaghailteach, àrd agus sònraichte gu leòr gus còmhstrithean a sheachnadh. Feumaidh sinn seata àbhaisteach dhiubh sin thairis air na co-phàirtean sreathach againn - molaidhean innealan, popovers, navbars, dropdowns, modalan - gus an urrainn dhuinn a bhith reusanta cunbhalach nar giùlan. Chan eil adhbhar sam bith nach b’ urrainn dhuinn a bhith air 100+ no + a chleachdadh 500.

Cha bhith sinn a’ brosnachadh gnàthachadh nan luachan fa leth sin; ma dh'atharraicheas tu fear, is dòcha gum feum thu iad uile atharrachadh.

$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;

Gus dèiligeadh ri crìochan thar-tharraingeach taobh a-staigh phàirtean (me, putanan agus cuir a-steach ann am buidhnean cuir a-steach), bidh sinn a’ cleachdadh z-indexluachan aon-fhigearach ìosal de 1, 2, agus 3airson stàitean bunaiteach, hover, agus gnìomhach. Air hover/fòcas/gnìomhach, bidh sinn a’ toirt eileamaid shònraichte air thoiseach le z-indexluach nas àirde gus a’ chrìoch aca a shealltainn thairis air na h-eileamaidean sibling.