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-modal-backdrop: 1040;
$zindex-offcanvas: 1050;
$zindex-modal: 1060;
$zindex-popover: 1070;
$zindex-tooltip: 1080;
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-index
luachan aon-fhigearach ìosal de 1
, 2
, agus 3
airson stàitean bunaiteach, hover, agus gnìomhach. Air hover/fòcas/gnìomhach, bidh sinn a’ toirt eileamaid shònraichte air thoiseach le z-index
luach nas àirde gus a’ chrìoch aca a shealltainn thairis air na h-eileamaidean sibling.