Z-දර්ශකය

z-indexඅන්තර්ගත සැකසීමට තුන්වන අක්ෂයක් ලබා දීමෙන් පිරිසැලසුම පාලනය කිරීමට උපකාර වන CSS ගුණය වන Bootstrap සංරචක කිහිපයක් භාවිතා කරයි. අපි Bootstrap හි පෙරනිමි z-දර්ශක පරිමාණයක් භාවිතා කරමු, එය නිසි ලෙස ස්ථර සංචාලනය, මෙවලම් ඉඟි සහ popovers, modals සහ තවත් දේ සඳහා නිර්මාණය කර ඇත.

මෙම ඉහළ අගයන් අත්තනෝමතික සංඛ්‍යාවකින් ආරම්භ වේ, ගැටුම් ඉතා මැනවින් වළක්වා ගැනීමට තරම් ඉහළ සහ විශේෂිත වේ. අපට අපගේ ස්ථර සංරචක හරහා මේවායේ සම්මත කට්ටලයක් අවශ්‍ය වේ—මෙවලම් ඉඟි, popovers, navbars, dropdowns, modals—එබැවින් අපට හැසිරීම් වල සාධාරණ ලෙස ස්ථාවර විය හැක. 100අපට + හෝ + භාවිත කිරීමට නොහැකි වීමට හේතුවක් නැත 500.

අපි මෙම තනි අගයන් අභිරුචිකරණය කිරීම දිරිමත් නොකරමු; ඔබ එකක් වෙනස් කළහොත්, ඔබට ඒවා සියල්ලම වෙනස් කිරීමට සිදුවේ.

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

සංරචක තුළ අතිච්ඡාදනය වන මායිම් හැසිරවීමට (උදා, ආදාන කණ්ඩායම්වල බොත්තම් සහ ආදාන), අපි අඩු තනි ඉලක්කම් z-indexඅගයන් 1, 2, සහ 3පෙරනිමි, හොවර් සහ සක්‍රීය තත්වයන් සඳහා භාවිතා කරමු. z-indexhover/focus/active මත, අපි සහෝදර මූලද්‍රව්‍ය මත ඔවුන්ගේ මායිම පෙන්වීමට ඉහළ අගයක් සහිත විශේෂිත මූලද්‍රව්‍යයක් ඉදිරියට ගෙන එන්නෙමු.