ᱪᱮᱫ ᱟᱢ ᱛᱤᱥ ᱦᱚᱸ ᱟᱢᱟᱜ CSS ᱨᱮ ᱢᱤᱫ ᱮᱞᱤᱢᱮᱱᱴ ᱨᱮ z-index: 99999 ᱥᱮᱴ ᱟᱠᱟᱫᱟᱢ, ᱟᱨ ᱚᱱᱟ ᱮᱴᱟᱜ ᱮᱞᱤᱢᱮᱱᱴ ᱪᱮᱛᱟᱱ ᱨᱮ ᱵᱟᱝ ᱚᱰᱚᱠᱚᱜᱼᱟ? ᱢᱤᱫ ᱜᱚᱱᱚᱝ ᱡᱟᱦᱟᱸ ᱫᱚ ᱟᱞᱜᱟ ᱛᱮ ᱚᱱᱟ ᱛᱮᱛᱮᱫ ᱫᱚ ᱮᱴᱟᱜ ᱡᱤᱱᱤᱥ ᱪᱮᱛᱟᱱ ᱨᱮ ᱧᱮᱞ ᱛᱮ ᱫᱚᱦᱚ ᱞᱟᱹᱠᱛᱤᱭᱟ, ᱢᱚᱱᱮ ᱠᱟᱛᱮ ᱡᱚᱛᱚ ᱵᱷᱮᱜᱟᱨ ᱛᱮᱛᱮᱫ ᱠᱚ ᱫᱚ ᱠᱚᱢ ᱜᱚᱱᱚᱝ ᱨᱮ ᱥᱮᱴ ᱟᱠᱟᱱᱟ ᱥᱮ ᱵᱟᱝ ᱥᱮᱴ ᱟᱠᱟᱱᱟ᱾ ᱢᱤᱫ ᱣᱮᱵᱽ ᱥᱟᱦᱴᱟ ᱫᱚ ᱵᱟᱨ ᱰᱟᱭᱢᱮᱱᱥᱚᱱᱟᱞ ᱴᱷᱟᱶ ᱨᱮ ᱩᱫᱩᱜᱚᱜ ᱠᱟᱱᱟ; ᱮᱱᱛᱮᱨᱮᱦᱚᱸ, ᱠᱷᱟᱥ CSS ᱜᱩᱱ ᱞᱟᱜᱟᱣ ᱠᱟᱛᱮ, ᱜᱟᱹᱦᱤᱨ ᱞᱟᱹᱭ ᱞᱟᱹᱜᱤᱫ ᱢᱤᱫ ᱩᱭᱦᱟᱹᱨ z-axis ᱯᱞᱮᱱ ᱮᱦᱚᱵᱚᱜ ᱠᱟᱱᱟ᱾ ᱱᱚᱣᱟ ᱯᱞᱮᱱ ᱫᱚ ᱯᱟᱨᱫᱟ ᱥᱟᱶ ᱞᱮᱛᱟᱲ ᱜᱮᱭᱟ, ᱟᱨ ᱱᱚᱣᱟ ᱠᱷᱚᱱ, ᱵᱮᱵᱷᱟᱨᱤᱭᱟᱹ ᱫᱚ ᱛᱮᱛᱮᱫ ᱠᱚ ᱨᱮᱭᱟᱜ ᱞᱮᱠᱟ ᱵᱩᱡᱷᱟᱹᱣ ᱫᱟᱲᱮᱭᱟᱜᱼᱟᱭ, ᱢᱤᱫ ᱪᱮᱛᱟᱱ ᱨᱮ ᱮᱴᱟᱜ ᱾ ᱩᱭᱦᱟᱹᱨ z-axis ᱯᱟᱹᱦᱤᱞ ᱨᱮ ᱢᱮᱱᱟᱜ ᱵᱤᱪᱟᱹᱨ, ᱥᱴᱮᱠ ᱮᱞᱤᱢᱮᱱᱴ ᱨᱮᱭᱟᱜ ᱵᱮᱵᱚᱦᱟᱨᱤᱭᱟᱹ ᱠᱚ ᱫᱚ ᱱᱚᱶᱟ ᱠᱟᱱᱟ ᱡᱮ CSS ᱯᱨᱚᱯᱚᱨᱴ ᱠᱚ ᱢᱤᱫ ᱛᱮ ᱵᱮᱱᱟᱣ ᱠᱟᱱᱟ ᱡᱟᱦᱟᱸ ᱫᱚ ᱟᱵᱚ ᱥᱴᱮᱠ ᱠᱚᱱᱴᱮᱠᱴ ᱵᱚᱱ ᱢᱮᱛᱟᱜ ᱠᱟᱱᱟ᱾ ᱟᱵᱚ ᱫᱚ ᱣᱮᱵᱽ ᱥᱟᱦᱴᱟ ᱨᱮ ᱪᱮᱫ ᱞᱮᱠᱟ ᱛᱮ ᱮᱞᱤᱢᱮᱱᱴ ᱠᱚ “ᱥᱴᱟᱠ” ᱠᱟᱱᱟ, ᱥᱴᱮᱠᱤᱝ ᱚᱨᱰᱟᱨ ᱫᱚ ᱪᱮᱫ ᱠᱚ ᱠᱚᱱᱴᱨᱚᱞ ᱠᱟᱱᱟ, ᱟᱨ ᱡᱟᱹᱨᱩᱲ ᱡᱚᱠᱷᱮᱡ ᱮᱞᱤᱢᱮᱱᱴ ᱠᱚ “unstack” ᱨᱮᱭᱟᱜ ᱯᱨᱮᱠᱴᱤᱠᱟᱞ ᱮᱯᱨᱚᱪ ᱠᱚ ᱵᱟᱵᱚᱛ ᱨᱮ ᱵᱚᱱ ᱜᱟᱯᱟᱞᱢᱟᱨᱟᱣ ᱠᱟᱱᱟ᱾ ᱥᱴᱮᱠᱤᱝ ᱠᱚᱱᱴᱮᱠᱥ ᱵᱟᱨᱮᱛᱮ ᱟᱢᱟᱜ ᱣᱮᱵᱽ ᱥᱟᱦᱴᱟ ᱢᱤᱫ ᱰᱮᱥᱠ ᱞᱮᱠᱟ ᱩᱭᱦᱟᱹᱨ ᱢᱮ᱾ ᱡᱮᱞᱠᱟ ᱟᱢ HTML ᱮᱞᱤᱢᱮᱱᱴ ᱮᱢ ᱥᱮᱞᱮᱫᱟ, ᱟᱢ ᱫᱚ ᱠᱟᱜᱚᱡᱽ ᱨᱮᱭᱟᱜ ᱴᱩᱠᱨᱟᱹ ᱠᱚ ᱫᱚᱦᱚ ᱮᱫᱟᱢ, ᱢᱤᱫ ᱛᱟᱭᱚᱢ ᱢᱤᱫ, ᱰᱮᱥᱠ ᱨᱮ ᱾ ᱢᱩᱪᱟᱹᱫ ᱨᱮ ᱫᱚᱦᱚ ᱟᱠᱟᱱ ᱠᱟᱜᱚᱡᱽ ᱫᱚ ᱱᱤᱛ ᱜᱮ ᱥᱮᱞᱮᱫ ᱟᱠᱟᱱ HTML ᱮᱞᱤᱢᱮᱱᱴ ᱥᱚᱢᱟᱱ ᱜᱮᱭᱟ, ᱟᱨ ᱱᱚᱶᱟ ᱫᱚ ᱱᱚᱶᱟ ᱞᱟᱦᱟ ᱨᱮ ᱫᱚᱦᱚ ᱟᱠᱟᱱ ᱮᱴᱟᱜ ᱠᱟᱜᱚᱡᱽ ᱠᱚ ᱪᱮᱛᱟᱱ ᱨᱮ ᱫᱩᱲᱩᱵ ᱟᱠᱟᱱᱟ᱾ ᱱᱚᱣᱟ ᱫᱚ ᱥᱟᱫᱷᱟᱨᱚᱱ ᱰᱚᱠᱭᱩᱢᱮᱱᱴ ᱯᱷᱞᱳ ᱠᱟᱱᱟ, ᱱᱮᱥᱴᱮᱰ ᱮᱞᱤᱢᱮᱱᱴ ᱠᱚ ᱞᱟᱹᱜᱤᱫ ᱦᱚᱸ ᱾ ᱰᱮᱥᱠ ᱫᱚ ᱟᱡ ᱛᱮᱜᱮ ᱨᱩᱴ ᱥᱴᱮᱠᱤᱝ ᱥᱟᱛᱟᱢ ᱮ ᱩᱫᱩᱜᱟ, ᱮᱞᱤᱢᱮᱱᱴ ᱦᱚᱛᱮᱛᱮ ᱵᱮᱱᱟᱣ ᱟᱠᱟᱱᱟ, ᱡᱟᱦᱟᱸ ᱨᱮ ᱮᱴᱟᱜ ᱡᱚᱛᱚ ᱯᱷᱚᱞᱰᱟᱨ ᱠᱚ ᱢᱮᱱᱟᱜᱼᱟ᱾ ᱱᱤᱛᱚᱜ, ᱠᱷᱟᱥ ᱥᱤ ᱮᱥ ᱮᱥ ᱜᱩᱱ ᱠᱚ ᱠᱷᱤᱞᱚᱱᱰ ᱨᱮ ᱦᱤᱡᱩᱜ ᱠᱟᱱᱟ ᱾ ᱯᱚᱡᱤᱥᱚᱱ ᱞᱮᱠᱟᱱ ᱜᱩᱱ (ᱡᱮᱰ-ᱤᱱᱰᱮᱠᱥ ᱥᱟᱶᱛᱮ), ᱚᱯᱟᱥᱤᱴᱤ, ᱴᱨᱟᱱᱥᱯᱷᱚᱨᱢ, ᱟᱨ ᱠᱚᱱᱴᱮᱱ) ᱯᱷᱚᱞᱰᱟᱨ ᱞᱮᱠᱟᱭ ᱠᱟᱹᱢᱤᱭᱟ᱾ ᱱᱚᱶᱟ ᱯᱷᱚᱞᱰᱟᱨ ᱫᱚ ᱢᱤᱫ ᱮᱞᱤᱢᱮᱱᱴ ᱟᱨ ᱚᱱᱟ ᱨᱮᱱ ᱡᱚᱛᱚ ᱜᱤᱫᱽᱨᱟᱹ ᱠᱚ ᱦᱟᱛᱟᱣ ᱠᱟᱛᱮ ᱢᱩᱲᱩᱫ ᱥᱴᱟᱠ ᱠᱷᱚᱱ ᱚᱰᱚᱠ ᱠᱟᱛᱮ ᱢᱤᱫ ᱥᱟᱵᱽ-ᱥᱴᱟᱠ ᱨᱮ ᱜᱟᱫᱮᱞ ᱠᱟᱛᱮ ᱥᱴᱟᱠ ᱠᱚᱱᱴᱮᱠᱴ ᱵᱚᱱ ᱢᱮᱱᱮᱫᱟ᱾ ᱯᱚᱡᱤᱥᱚᱱ ᱮᱞᱤᱢᱮᱱᱴ ᱠᱚ ᱞᱟᱹᱜᱤᱫ, ᱱᱚᱣᱟ ᱩᱱ ᱚᱠᱛᱚ ᱦᱩᱭᱩᱜᱼᱟ ᱡᱚᱠᱷᱚᱱ ᱟᱵᱚ ᱚᱴᱚ ᱪᱷᱟᱰᱟ ᱠᱟᱛᱮ ᱡᱮᱰ-ᱤᱱᱰᱮᱠᱥ ᱵᱷᱮᱞᱭᱩ ᱵᱚᱱ ᱜᱚᱴᱟᱭᱟ᱾ ᱚᱯᱟᱥᱤᱴᱤ, ᱴᱨᱟᱱᱥᱯᱷᱚᱨᱢ, ᱟᱨ ᱯᱷᱤᱞᱴᱟᱨ ᱞᱮᱠᱟᱱ ᱜᱩᱱ ᱠᱚ ᱞᱟᱹᱜᱤᱫ, ᱥᱴᱮᱠᱤᱝ ᱠᱚᱱᱴᱮᱠᱴ ᱟᱡ ᱛᱮ ᱛᱮᱭᱟᱨᱚᱜ ᱠᱟᱱᱟ ᱡᱚᱠᱷᱚᱱ ᱠᱷᱟᱥ ᱜᱚᱱᱚᱝ ᱠᱚ ᱞᱟᱹᱜᱩᱜ ᱠᱟᱱᱟ᱾
ᱱᱚᱶᱟ ᱵᱩᱡᱷᱟᱹᱣ ᱞᱟᱹᱜᱤᱫ ᱠᱩᱨᱩᱢᱩᱴᱩᱭ ᱢᱮ: ᱢᱤᱫ ᱫᱷᱟᱣ ᱠᱟᱜᱚᱡᱽ (meaning, child element) ᱢᱤᱫ ᱯᱷᱚᱞᱰᱟᱨ ᱵᱷᱤᱛᱨᱤ ᱨᱮ (meaning, parent’s stacking context), ᱚᱱᱟ ᱯᱷᱚᱞᱰᱟᱨ ᱠᱷᱚᱱ ᱛᱤᱥ ᱦᱚᱸ ᱵᱟᱝ ᱚᱰᱚᱠ ᱫᱟᱲᱮᱭᱟᱜ-ᱟ ᱥᱮ ᱮᱴᱟᱜ ᱯᱷᱚᱞᱰᱟᱨ ᱨᱮ ᱠᱟᱜᱚᱡᱽ ᱛᱟᱞᱟ ᱨᱮ ᱵᱟᱝ ᱫᱚᱦᱚ ᱫᱟᱲᱮᱭᱟᱜ-ᱟ᱾ ᱱᱚᱣᱟ ᱡᱮᱰ-ᱤᱱᱰᱮᱠᱥ ᱫᱚ ᱱᱤᱛᱚᱜ ᱮᱠᱮᱱ ᱱᱚᱣᱟ ᱯᱷᱚᱞᱰᱟᱨ ᱵᱷᱤᱛᱨᱭ ᱨᱮ ᱜᱮ ᱥᱟᱹᱜᱟᱹᱭ ᱢᱮᱱᱟᱜᱼᱟ ᱾
ᱞᱟᱛᱟᱨ ᱨᱮ ᱮᱢ ᱟᱠᱟᱱ ᱪᱤᱛᱟᱹᱨ ᱨᱮ, ᱠᱟᱜᱚᱡᱽ ᱵᱤ ᱫᱚ ᱱᱤᱛ ᱯᱷᱚᱞᱰᱟᱨ ᱵᱤ ᱨᱮᱭᱟᱜ ᱥᱴᱮᱠᱤᱝ ᱠᱚᱱᱴᱮᱠᱴ ᱨᱮ ᱢᱮᱱᱟᱜᱼᱟ, ᱟᱨ ᱯᱷᱚᱞᱰᱟᱨ ᱨᱮ ᱮᱴᱟᱜ ᱠᱟᱜᱚᱡᱽ ᱠᱚ ᱥᱟᱶ ᱜᱮ ᱚᱰᱟᱨ ᱫᱟᱲᱮᱭᱟᱜᱼᱟ᱾
ᱟᱢᱟᱜ ᱰᱮᱥᱠ ᱨᱮ ᱵᱟᱨᱭᱟ ᱯᱷᱚᱞᱰᱟᱨ ᱢᱮᱱᱟᱜᱼᱟ:
.ᱯᱷᱚᱞᱰᱟᱨ-ᱮ { ᱡᱮᱰ-ᱤᱱᱰᱮᱠᱥ: ᱑; } .ᱯᱷᱚᱞᱰᱟᱨ-ᱵᱤ { ᱡᱮᱰ-ᱤᱱᱰᱮᱠᱥ: ᱒; }
ᱫᱮᱞᱟ ᱢᱟᱨᱠᱟᱯ ᱱᱟᱥᱮ ᱟᱯᱰᱮᱴ ᱞᱮᱜᱮ᱾ ᱯᱷᱚᱞᱰᱟᱨ ᱮ ᱵᱷᱤᱛᱨᱭ ᱨᱮ ᱢᱤᱫ ᱠᱷᱟᱥ ᱥᱟᱦᱴᱟ ᱢᱮᱱᱟᱜᱼᱟ, ᱡᱮᱰ-ᱤᱱᱰᱮᱠᱥ: ᱙᱙᱙᱙᱾ ᱯᱷᱚᱞᱰᱟᱨ ᱵᱤ ᱵᱷᱤᱛᱨᱭ ᱨᱮ ᱢᱤᱫ ᱥᱟᱫᱷᱟᱨᱚᱱ ᱥᱟᱦᱴᱟ ᱢᱮᱱᱟᱜᱼᱟ, ᱡᱮᱰ-ᱤᱱᱰᱮᱠᱥ: ᱕᱾
.ᱠᱷᱟᱥ-ᱥᱟᱦᱴᱟ { ᱡᱮᱰ-ᱤᱱᱰᱮᱠᱥ: ᱙᱙᱙᱙; } .ᱥᱟᱫᱷᱟᱨᱚᱱ-ᱥᱟᱦᱴᱟ { ᱡᱮᱰ-ᱤᱱᱰᱮᱠᱥ: ᱕; }
ᱚᱠᱟ ᱥᱟᱦᱴᱟ ᱪᱮᱛᱟᱱ ᱨᱮ ᱢᱮᱱᱟᱜᱼᱟ? ᱱᱚᱣᱟ ᱫᱚ ᱯᱷᱚᱞᱰᱟᱨ ᱵᱤ ᱨᱮ .ᱯᱞᱟᱭᱤᱱ-ᱥᱟᱦᱴᱟ ᱠᱟᱱᱟ ᱾ ᱵᱽᱨᱟᱣᱩᱡᱟᱨ ᱫᱚ ᱜᱤᱫᱽᱨᱟᱹ ᱠᱟᱜᱚᱡᱽ ᱠᱚ ᱵᱟᱭ ᱵᱩᱡᱷᱟᱹᱣᱟ ᱟᱨ ᱵᱟᱨᱭᱟ ᱯᱷᱚᱞᱰᱟᱨ ᱞᱟᱦᱟ ᱨᱮ ᱫᱚᱦᱚᱭᱟᱭ ᱾ ᱱᱚᱣᱟ ᱯᱷᱚᱞᱰᱟᱨ ᱵᱤ (ᱡᱮᱰ-ᱤᱱᱰᱮᱠᱥ: ᱒) ᱧᱮᱞᱚᱜᱼᱟ ᱟᱨ ᱯᱷᱚᱞᱰᱟᱨ ᱮ (ᱡᱮᱰ-ᱤᱱᱰᱮᱠᱥ: ᱑) ᱪᱮᱛᱟᱱ ᱨᱮ ᱫᱚᱦᱚᱭᱟ ᱪᱮᱫᱟᱜ ᱥᱮ ᱟᱵᱚ ᱵᱚᱱ ᱵᱟᱲᱟᱭᱟ ᱵᱟᱨ ᱫᱚ ᱢᱤᱫ ᱠᱷᱚᱱ ᱢᱟᱨᱟᱝ ᱜᱮᱭᱟ᱾ ᱱᱷᱟᱛᱮ, .special-page z-index ᱨᱮ ᱥᱮᱴ ᱟᱠᱟᱱᱟ: 9999 ᱥᱟᱦᱴᱟ ᱫᱚ ᱥᱴᱟᱠ ᱨᱮ ᱞᱟᱛᱟᱨ ᱨᱮ ᱢᱮᱱᱟᱜ-ᱟ ᱡᱩᱫᱤ ᱦᱚᱸ ᱱᱚᱣᱟ ᱨᱮᱭᱟᱜ z-index ᱫᱚ ᱡᱟᱹᱥᱛᱤ ᱜᱚᱱᱚᱝ ᱨᱮ ᱥᱮᱴ ᱟᱠᱟᱱᱟ᱾ ᱥᱴᱮᱠᱤᱝ ᱥᱟᱛᱟᱢ ᱠᱚ ᱦᱚᱸ ᱱᱮᱥᱴ ᱦᱩᱭ ᱫᱟᱲᱮᱭᱟᱜᱼᱟ (ᱯᱷᱚᱞᱰᱟᱨ ᱵᱷᱤᱛᱨᱭ ᱨᱮ ᱯᱷᱚᱞᱰᱟᱨ), ᱢᱤᱫ “ᱜᱷᱟᱨᱚᱧᱡᱽ ᱫᱟᱨᱮ” ᱵᱮᱱᱟᱣ ᱠᱟᱛᱮ᱾ ᱱᱚᱣᱟ ᱪᱚᱞᱚᱱ ᱜᱮ ᱞᱟᱹᱜᱩᱜᱼᱟ: ᱜᱤᱫᱽᱨᱟᱹ ᱫᱚ ᱟᱡ ᱟᱭᱳ ᱵᱟᱵᱟ ᱟᱜ ᱯᱷᱚᱞᱰᱟᱨ ᱠᱷᱚᱱ ᱵᱟᱭ ᱵᱟᱧᱪᱟᱣ ᱫᱟᱲᱮᱭᱟᱜᱼᱟ᱾ ᱱᱤᱛ ᱡᱮ ᱟᱢ ᱫᱚ ᱪᱮᱫ ᱞᱮᱠᱟ ᱥᱴᱟᱠᱤᱝ ᱠᱚᱱᱴᱮᱠᱴ ᱠᱚ ᱯᱷᱚᱞᱰᱟᱨ ᱞᱮᱠᱟ ᱵᱮᱵᱚᱦᱟᱨ ᱮᱫᱟ ᱚᱱᱟ ᱫᱚ ᱜᱟᱫᱮᱞ ᱟᱨ ᱞᱮᱭᱟᱨ ᱠᱚ ᱨᱮ ᱫᱚᱦᱚ ᱠᱟᱱᱟ, ᱱᱚᱶᱟ ᱫᱚ ᱠᱩᱞᱤ ᱨᱮᱭᱟᱜ ᱡᱟᱹᱨᱩᱲ ᱜᱮᱭᱟ: ᱪᱮᱫᱟᱜ ᱠᱤᱪᱷᱩ ᱯᱨᱚᱯᱚᱨᱴ ᱠᱚ — ᱡᱮᱞᱮᱠᱟ ᱴᱨᱟᱱᱥᱯᱷᱚᱨᱢ ᱟᱨ ᱚᱯᱟᱥᱤᱴᱤ — ᱱᱟᱶᱟ ᱥᱴᱟᱠᱤᱝ ᱠᱚᱱᱴᱮᱠᱴ ᱠᱚ ᱵᱮᱱᱟᱣ ᱮᱫᱟ? ᱱᱚᱸᱰᱮ ᱠᱟᱛᱷᱟ ᱫᱚ ᱱᱚᱶᱟ ᱠᱟᱱᱟ: ᱱᱚᱶᱟ ᱠᱚ ᱯᱨᱚᱯᱚᱨᱴ ᱫᱚ ᱥᱴᱮᱠᱤᱝ ᱠᱚᱱᱴᱮᱠᱥ ᱵᱟᱝ ᱵᱮᱱᱟᱣ ᱫᱟᱲᱮᱭᱟᱜ-ᱟ ᱪᱮᱫᱟᱜ ᱥᱮ ᱚᱱᱟ ᱫᱚ ᱪᱮᱫ ᱞᱮᱠᱟ ᱧᱮᱞᱚᱜ-ᱟ; ᱩᱱᱠᱩ ᱱᱚᱣᱟ ᱠᱚ ᱠᱚᱨᱟᱣ ᱮᱫᱟ ᱪᱮᱫᱟᱜ ᱥᱮ ᱵᱽᱨᱟᱣᱩᱡᱟᱨ ᱪᱮᱫ ᱞᱮᱠᱟ ᱦᱩᱰ ᱞᱟᱛᱟᱨ ᱨᱮ ᱠᱟᱹᱢᱤ ᱮᱫᱟᱭ ᱾ ᱛᱤᱱ ᱨᱮ ᱟᱢ ᱴᱨᱟᱱᱥᱯᱷᱚᱨᱢ, ᱚᱯᱟᱥᱤᱴᱤ, ᱯᱷᱤᱞᱴᱟᱨ, ᱥᱮ ᱯᱟᱨᱥᱯᱮᱠᱴᱤᱵᱷ ᱮᱢ ᱞᱟᱹᱜᱩᱭᱟ, ᱟᱢ ᱵᱽᱨᱟᱣᱩᱡᱟᱨ ᱮᱢ ᱢᱮᱛᱟᱭᱟ, “ᱮ, ᱱᱚᱶᱟ ᱮᱞᱤᱢᱮᱱᱴ ᱫᱚ ᱞᱟᱦᱟ ᱪᱟᱞᱟᱜ, ᱟᱹᱪᱩᱨᱚᱜ, ᱥᱮ ᱯᱷᱮᱰ ᱦᱩᱭ ᱫᱟᱲᱮᱭᱟᱜᱼᱟ, ᱚᱱᱟ ᱛᱮ ᱥᱟᱯᱲᱟᱣ ᱛᱟᱦᱮᱱ ᱢᱮ!”
ᱡᱚᱠᱷᱚᱱ ᱟᱢ ᱱᱚᱶᱟ ᱠᱚ ᱜᱩᱱ ᱮᱢ ᱵᱮᱵᱷᱟᱨᱟ, ᱵᱽᱨᱟᱣᱩᱡᱟᱨ ᱫᱚ ᱟᱨᱦᱚᱸ ᱵᱮᱥ ᱛᱮ ᱨᱮᱱᱰᱟᱨᱤᱝ ᱪᱟᱞᱟᱣ ᱞᱟᱹᱜᱤᱫ ᱢᱤᱫ ᱱᱟᱶᱟ ᱥᱴᱟᱠᱤᱝ ᱥᱟᱛᱟᱢ ᱛᱮᱭᱟᱨ ᱮᱫᱟᱭ᱾ ᱱᱚᱶᱟ ᱛᱮ ᱵᱽᱨᱟᱣᱩᱡᱟᱨ ᱫᱚ ᱮᱱᱤᱢᱮᱥᱚᱱ, ᱴᱨᱟᱱᱥᱯᱷᱚᱨᱢ, ᱟᱨ ᱧᱮᱞ ᱮᱥᱮᱨ ᱠᱚ ᱯᱷᱩᱨᱜᱟᱹᱞ ᱛᱮ ᱥᱟᱢᱵᱷᱟᱨ ᱫᱟᱲᱮᱭᱟᱜ-ᱟ, ᱱᱚᱶᱟ ᱫᱚ ᱥᱟᱦᱴᱟ ᱥᱟᱶ ᱪᱮᱫ ᱞᱮᱠᱟ ᱠᱚ ᱜᱟᱯᱟᱞᱢᱟᱨᱟᱣ ᱫᱟᱲᱮᱭᱟᱜ-ᱟ ᱾ ᱱᱚᱶᱟ ᱵᱽᱨᱟᱣᱩᱡᱟᱨ ᱞᱮᱠᱟ ᱩᱭᱦᱟᱹᱨ ᱢᱮ, “ᱤᱧ ᱱᱚᱶᱟ ᱯᱷᱚᱞᱰᱟᱨ ᱵᱷᱮᱜᱟᱨ ᱛᱮᱧ ᱥᱟᱢᱵᱽᱲᱟᱣᱟ ᱚᱱᱟᱛᱮ ᱡᱟᱦᱟᱸ ᱛᱤᱱ ᱨᱮ ᱱᱚᱶᱟ ᱵᱷᱤᱛᱨᱤ ᱨᱮ ᱡᱟᱦᱟᱱᱟᱜ ᱵᱚᱫᱚᱞᱚᱜ-ᱟ ᱚᱱᱟ ᱫᱚ ᱜᱚᱴᱟ ᱰᱮᱥᱠ ᱨᱮ ᱵᱟᱝ ᱵᱟᱹᱲᱤᱡ ᱦᱩᱭᱩᱜ-ᱟ ᱾” ᱢᱮᱱᱠᱷᱟᱱ ᱚᱱᱰᱮᱢᱤᱫ ᱥᱟᱭᱤᱰ ᱤᱯᱷᱮᱠᱴ᱾ ᱢᱤᱫ ᱫᱷᱟᱣ ᱵᱽᱨᱟᱣᱩᱡᱟᱨ ᱫᱚ ᱟᱡᱟᱜ ᱞᱮᱭᱟᱨ ᱨᱮ ᱢᱤᱫ ᱮᱞᱤᱢᱮᱱᱴ ᱫᱚᱦᱚ ᱠᱟᱛᱮ ᱚᱱᱟ ᱵᱷᱤᱛᱨᱤ ᱨᱮ ᱥᱟᱱᱟᱢ ᱡᱤᱱᱤᱥ “ᱯᱷᱞᱟᱴ” ᱦᱩᱭᱩᱜ ᱛᱟᱭᱟ, ᱱᱟᱶᱟ ᱥᱴᱟᱠᱤᱝ ᱠᱚᱱᱴᱮᱠᱴ ᱵᱮᱱᱟᱣ ᱦᱩᱭᱩᱜ ᱛᱟᱭᱟ᱾ ᱱᱚᱣᱟ ᱫᱚ ᱰᱮᱥᱠ ᱠᱷᱚᱱ ᱯᱷᱚᱞᱰᱟᱨ ᱦᱟᱛᱟᱣ ᱞᱮᱠᱟ ᱜᱮᱭᱟ ᱡᱮ ᱱᱚᱣᱟ ᱫᱚ ᱡᱩᱫᱟᱹ ᱡᱩᱫᱟᱹ ᱥᱟᱢᱵᱽᱲᱟᱣ ᱞᱟᱹᱜᱤᱫ; ᱚᱱᱟ ᱯᱷᱚᱞᱰᱟᱨ ᱵᱷᱤᱛᱨᱤ ᱨᱮ ᱡᱚᱛᱚ ᱜᱮ ᱜᱟᱫᱮᱞ ᱛᱮ ᱛᱟᱦᱮᱱᱟ, ᱟᱨ ᱵᱽᱨᱟᱣᱩᱡᱟᱨ ᱫᱚ ᱱᱤᱛ ᱚᱱᱟ ᱢᱤᱫ ᱭᱩᱱᱤᱴ ᱞᱮᱠᱟᱭ ᱵᱮᱵᱷᱟᱨᱟ ᱡᱚᱠᱷᱚᱱ ᱪᱮᱫ ᱪᱮᱛᱟᱱ ᱨᱮ ᱪᱮᱫ ᱫᱩᱲᱩᱵ ᱢᱮᱱᱟᱜᱼᱟ᱾ ᱚᱱᱟ ᱠᱷᱟᱹᱛᱤᱨ ᱛᱮ ᱴᱨᱟᱱᱥᱯᱷᱚᱨᱢ ᱟᱨ ᱚᱯᱟᱥᱤᱴᱤ ᱯᱨᱚᱯᱚᱨᱴᱤ ᱫᱚ ᱧᱮᱞ ᱞᱮᱠᱟ ᱵᱟᱝ ᱧᱮᱞᱚᱜ ᱠᱟᱱᱟ, ᱚᱱᱟ ᱫᱚ ᱯᱨᱚᱯᱷᱚᱨᱢ ᱚᱯᱴᱤᱢᱟᱭᱡᱮᱥᱚᱱ ᱞᱟᱹᱜᱤᱫ ᱠᱟᱱᱟ᱾ ᱟᱭᱢᱟ ᱮᱴᱟᱜ CSS ᱜᱩᱱ ᱠᱚ ᱦᱚᱸ ᱱᱚᱝᱠᱟᱱ ᱠᱟᱨᱚᱱ ᱞᱟᱹᱜᱤᱫ ᱥᱴᱮᱠᱤᱝ ᱥᱟᱛᱟᱢ ᱠᱚ ᱵᱮᱱᱟᱣ ᱫᱟᱲᱮᱭᱟᱜᱼᱟ᱾ ᱟᱢ ᱡᱩᱫᱤ ᱜᱟᱹᱦᱤᱨ ᱞᱟᱜᱟᱣ ᱥᱟᱱᱟᱭᱮᱫ ᱢᱮᱭᱟ ᱛᱚᱵᱮ ᱮᱢ ᱰᱤ ᱮᱱ ᱢᱤᱫ ᱯᱩᱨᱟᱹ ᱛᱟᱞᱠᱟ ᱮᱢᱟᱢᱟᱭ ᱾ ᱟᱹᱰᱤ ᱜᱟᱱ ᱢᱮᱱᱟᱜᱼᱟ, ᱚᱱᱟ ᱫᱚ ᱮᱠᱮᱱ ᱩᱫᱩᱜ ᱮᱫᱟᱭ ᱡᱮ ᱵᱟᱝ ᱵᱟᱰᱟᱭ ᱠᱟᱛᱮ ᱵᱟᱝ ᱵᱩᱡᱷᱟᱹᱣ ᱠᱟᱛᱮ ᱥᱴᱮᱠᱤᱝ ᱥᱟᱛᱟᱢ ᱵᱮᱱᱟᱣ ᱫᱚ ᱛᱤᱱᱟᱹᱜ ᱟᱞᱜᱟ ᱜᱮᱭᱟ᱾ “ᱟᱱᱥᱴᱮᱠᱤᱝ” ᱮᱴᱠᱮᱴᱚᱬᱮ ᱥᱴᱮᱠᱤᱝ ᱮᱴᱠᱮᱴᱚᱬᱮ ᱟᱭᱢᱟ ᱠᱟᱨᱚᱱ ᱛᱮ ᱥᱤᱨᱡᱟᱹᱣ ᱫᱟᱲᱮᱭᱟᱜᱼᱟ, ᱢᱮᱱᱠᱷᱟᱱ ᱛᱤᱱᱟᱹᱜ ᱜᱟᱱ ᱫᱚ ᱮᱴᱟᱜ ᱠᱚ ᱠᱷᱚᱱ ᱥᱟᱫᱷᱟᱨᱚᱱ ᱜᱮᱭᱟ ᱾ ᱢᱚᱰᱟᱞ ᱜᱷᱚᱴᱚᱠ ᱫᱚ ᱢᱤᱫ ᱴᱟᱝ ᱠᱞᱟᱥᱤᱠ ᱯᱮᱴᱟᱨᱱ ᱠᱟᱱᱟ ᱪᱮᱫᱟᱜ ᱥᱮ ᱚᱱᱟ ᱫᱚ ᱮᱴᱟᱜ ᱮᱞᱤᱢᱮᱱᱴ ᱠᱚ ᱪᱮᱛᱟᱱ ᱨᱮ ᱢᱤᱫ ᱪᱮᱛᱟᱱ ᱞᱮᱭᱟᱨ ᱨᱮ “ᱠᱷᱩᱞᱟᱹ” ᱞᱟᱹᱜᱤᱫ ᱴᱚᱜᱽᱞᱤᱝ ᱞᱟᱹᱠᱛᱤᱭᱟ, ᱚᱱᱟ ᱛᱟᱭᱚᱢ ᱪᱮᱛᱟᱱ ᱞᱮᱭᱟᱨ ᱠᱷᱚᱱ ᱚᱪᱚᱜ ᱞᱟᱹᱠᱛᱤᱭᱟ ᱡᱚᱠᱷᱚᱱ ᱚᱱᱟ “ᱵᱚᱱᱫᱚ” ᱦᱩᱭᱩᱜ-ᱟ᱾ ᱤᱧ ᱫᱚ ᱟᱹᱰᱤ ᱯᱟᱹᱛᱤᱭᱟᱹᱣ ᱢᱮᱱᱟᱜ ᱛᱤᱧᱟ ᱡᱮ ᱟᱵᱚ ᱡᱚᱛᱚ ᱦᱚᱲ ᱜᱮ ᱱᱚᱝᱠᱟᱱ ᱥᱛᱤᱛᱤ ᱨᱮ ᱵᱚᱱ ᱫᱟᱹᱲ ᱟᱠᱟᱱᱟ ᱡᱟᱦᱟᱸ ᱨᱮ ᱢᱚᱰᱟᱞ ᱵᱚᱱ ᱡᱷᱤᱡ ᱟᱠᱟᱫᱟ ᱟᱨ ᱡᱟᱦᱟᱸ ᱠᱟᱨᱚᱱ ᱛᱮ ᱦᱚᱸ ᱚᱱᱟ ᱵᱟᱝ ᱧᱮᱞᱚᱜ ᱠᱟᱱᱟ᱾ ᱱᱚᱣᱟ ᱫᱚ ᱵᱟᱝ ᱠᱟᱱᱟ ᱡᱮ ᱱᱚᱣᱟ ᱫᱚ ᱵᱮᱥ ᱞᱮᱠᱟ ᱵᱟᱝ ᱡᱷᱤᱡ ᱞᱮᱱᱟ, ᱢᱮᱱᱠᱷᱟᱱ ᱱᱚᱣᱟ ᱫᱚ ᱥᱴᱮᱠᱤᱝ ᱠᱚᱱᱴᱮᱠᱴ ᱨᱮᱭᱟᱜ ᱞᱟᱛᱟᱨ ᱞᱮᱭᱟᱨ ᱨᱮ ᱧᱮᱞ ᱠᱷᱚᱱ ᱵᱟᱦᱨᱮ ᱨᱮ ᱢᱮᱱᱟᱜᱼᱟ᱾ ᱱᱚᱣᱟ ᱟᱢ ᱦᱟᱦᱟᱲᱟ ᱛᱮ ᱵᱟᱹᱜᱤ ᱢᱮᱭᱟᱭ “ᱪᱮᱫ ᱞᱮᱠᱟ ᱦᱮᱡ ᱮᱱᱟ?” ᱟᱢ ᱥᱮᱴ ᱠᱟᱛᱮ:
᱾ ᱚᱵᱷᱟᱨᱞᱮ { ᱚᱵᱚᱥᱛᱟ: ᱴᱷᱟᱹᱣᱠᱟᱹ; /* ᱥᱴᱮᱠᱤᱝ ᱠᱚᱱᱴᱮᱠᱥ ᱵᱮᱱᱟᱣ ᱮᱫᱟᱭ */ ᱡᱮᱰ-ᱤᱱᱰᱮᱠᱥ: ᱑; /* ᱮᱞᱤᱢᱮᱱᱴ ᱫᱚ ᱡᱷᱚᱛᱚ ᱠᱷᱚᱱ ᱪᱮᱛᱟᱱ ᱨᱮ ᱢᱤᱫ ᱞᱮᱭᱟᱨ ᱨᱮ ᱫᱚᱦᱚᱭ ᱢᱮ */ ᱤᱱᱥᱮᱴ: ᱐; ᱚᱥᱟᱨ: ᱑᱐᱐%; ᱩᱥᱩᱞ: ᱑᱐᱐vh; ᱚᱵᱷᱟᱨᱯᱷᱞᱳ: ᱩᱠᱩ ᱟᱠᱟᱱ; ᱯᱟᱹᱪᱷᱞᱟᱹ ᱨᱚᱝ: #᱐᱐᱐᱐᱘᱐; }
ᱱᱚᱶᱟ ᱫᱚ ᱴᱷᱤᱠ ᱧᱮᱞᱚᱜ ᱠᱟᱱᱟ, ᱢᱮᱱᱠᱷᱟᱱ ᱡᱩᱫᱤ ᱢᱚᱰᱟᱞ ᱴᱨᱤᱜᱚᱨ ᱢᱮᱱᱟᱜ ᱯᱟᱨᱚᱱ ᱮᱞᱮᱱᱴ ᱫᱚ ᱮᱴᱟᱜ ᱯᱟᱨᱚᱱ ᱮᱞᱮᱱᱴ ᱵᱷᱤᱛᱨᱤ ᱨᱮ ᱜᱤᱫᱽᱨᱟᱹ ᱮᱞᱮᱱᱴ ᱠᱟᱱᱟ ᱚᱱᱟ ᱫᱚ z-index: 1 ᱨᱮ ᱦᱚᱸ ᱥᱮᱴ ᱟᱠᱟᱱᱟ, ᱚᱱᱟ ᱫᱚ ᱴᱮᱠᱱᱤᱠ ᱞᱮᱠᱟ ᱛᱮ ᱢᱚᱰᱟᱞ ᱫᱚ ᱢᱩᱲᱩᱫ ᱯᱷᱚᱞᱰᱟᱨ ᱛᱮ ᱵᱟᱝ ᱧᱮᱞᱚᱜ ᱠᱟᱱᱟ᱾ ᱫᱮᱞᱟ ᱵᱚᱱ ᱧᱮᱞᱟ ᱚᱱᱟ ᱠᱷᱟᱥ ᱥᱤᱱᱟᱨᱤᱭᱳ ᱟᱨ ᱢᱤᱫ ᱵᱟᱨ ᱮᱴᱟᱜ ᱥᱟᱫᱷᱟᱨᱚᱱ ᱥᱴᱮᱠᱤᱝ ᱥᱟᱛᱟᱢ ᱯᱤᱴᱯᱷᱟᱞ ᱠᱚ ᱾ ᱤᱧᱟᱜ ᱩᱭᱦᱟᱹᱨ ᱫᱚ ᱟᱢ ᱧᱮᱞ ᱫᱟᱲᱮᱭᱟᱜᱼᱟᱢ ᱵᱟᱝ ᱵᱩᱡᱷᱟᱹᱣ ᱠᱟᱛᱮ ᱥᱴᱟᱠᱤᱝ ᱠᱚᱱᱴᱮᱠᱴ ᱵᱮᱱᱟᱣ ᱫᱚ ᱛᱤᱱᱟᱹᱜ ᱟᱞᱜᱟ ᱜᱮᱭᱟ, ᱢᱮᱱᱠᱷᱟᱱ ᱚᱱᱟ ᱠᱚ ᱵᱟᱹᱲᱤᱡ ᱵᱮᱵᱚᱥᱛᱟ ᱦᱚᱸ ᱧᱮᱞ ᱫᱟᱲᱮᱭᱟᱜᱼᱟ᱾ ᱟᱨᱦᱚᱸ, ᱟᱢ ᱪᱮᱫ ᱞᱮᱠᱟ ᱛᱮ ᱢᱤᱫ ᱵᱟᱵᱚᱛ ᱯᱚᱱᱚᱛ ᱨᱮᱢ ᱨᱩᱣᱟᱹᱲᱟ ᱚᱱᱟ ᱫᱚ ᱚᱵᱚᱥᱛᱟ ᱨᱮ ᱴᱮᱦᱟᱱᱰ ᱢᱮᱱᱟᱜᱼᱟ᱾ ᱥᱤᱱᱟᱨᱤᱭᱳ ᱑: ᱯᱷᱟᱹᱥᱞᱟᱹ ᱢᱚᱰᱟᱞ
ᱟᱢ ᱛᱟᱞᱟ ᱜᱮ ᱟᱢᱟᱜ ᱢᱚᱰᱟᱞ ᱞᱟᱛᱟᱨ ᱞᱮᱵᱮᱞ ᱞᱮᱭᱟᱨ ᱨᱮ ᱯᱟᱸᱡᱟ ᱧᱮᱞ ᱫᱟᱲᱮᱭᱟᱜᱼᱟᱢ ᱟᱨ ᱟᱭᱳ-ᱵᱟᱵᱟ ᱩᱨᱩᱢ ᱫᱟᱲᱮᱭᱟᱜᱼᱟᱢ᱾ ᱵᱽᱨᱟᱣᱩᱡᱟᱨ ᱮᱠᱥᱴᱮᱱᱥᱚᱱ ᱥᱢᱟᱨᱴ ᱰᱮᱵᱷᱞᱚᱯᱟᱨ ᱠᱚ ᱜᱚᱲᱚ ᱞᱟᱹᱜᱤᱫ ᱮᱠᱥᱴᱮᱱᱥᱚᱱ ᱠᱚ ᱵᱮᱱᱟᱣ ᱟᱠᱟᱫᱟ ᱾ ᱱᱚᱝᱠᱟᱱ ᱴᱩᱞ “CSS Stacking Context Inspector” ᱠᱨᱚᱢ ᱮᱠᱥᱴᱮᱱᱥᱚᱱ ᱫᱚ ᱟᱢᱟᱜ DevTools ᱨᱮ ᱵᱟᱹᱲᱛᱤ z-index ᱴᱮᱵᱽ ᱥᱮᱞᱮᱫ ᱠᱟᱱᱟ ᱡᱮ ᱟᱢ ᱫᱚ ᱥᱴᱟᱠᱤᱝ ᱠᱚᱱᱴᱮᱠᱴ ᱵᱮᱱᱟᱣ ᱞᱟᱹᱜᱤᱫ ᱮᱞᱤᱢᱮᱱᱴ ᱠᱚ ᱵᱟᱰᱟᱭ ᱫᱟᱲᱮᱭᱟᱜ-ᱟ᱾
ᱟᱭᱤ ᱰᱤ ᱤ ᱮᱠᱥᱴᱮᱱᱥᱚᱱ ᱟᱢ ᱫᱚ VS Code ᱞᱟᱹᱜᱤᱫ ᱱᱚᱝᱠᱟᱱ ᱮᱠᱥᱴᱮᱱᱥᱚᱱ ᱥᱟᱶᱛᱮ ᱩᱛᱱᱟᱹᱣ ᱚᱠᱛᱮ ᱦᱚᱸ ᱮᱢ ᱧᱮᱞ ᱫᱟᱲᱮᱭᱟᱜ-ᱟ, ᱡᱟᱦᱟᱸ ᱫᱚ ᱟᱢᱟᱜ ᱮᱰᱤᱴᱚᱨ ᱨᱮ ᱥᱚᱡᱷᱮ ᱥᱴᱟᱠᱤᱝ ᱠᱚᱱᱴᱮᱠᱥ ᱠᱚ ᱞᱟᱹᱭ ᱫᱟᱲᱮᱭᱟᱜ-ᱟ᱾
ᱟᱱᱥᱴᱮᱠᱤᱝ ᱟᱨ ᱫᱚᱦᱲᱟ ᱠᱚᱱᱴᱨᱚᱞ ᱦᱟᱢᱮᱴ ᱟᱵᱚ ᱢᱩᱨᱛᱤ ᱠᱟᱨᱚᱱ ᱵᱚᱱ ᱩᱨᱩᱢ ᱠᱮᱫ ᱛᱟᱭᱚᱢ, ᱫᱚᱥᱟᱨ ᱫᱷᱟᱯ ᱫᱚ ᱱᱚᱣᱟ ᱥᱟᱶ ᱢᱩᱠᱟᱹᱣ ᱞᱟᱹᱜᱤᱫ ᱾ ᱱᱚᱣᱟ ᱮᱴᱠᱮᱴᱚᱬᱮ ᱥᱟᱢᱵᱷᱟᱣ ᱞᱟᱹᱜᱤᱫ ᱟᱢ ᱟᱭᱢᱟ ᱰᱟᱦᱟᱨ ᱮᱢ ᱦᱟᱛᱟᱣ ᱫᱟᱲᱮᱭᱟᱜᱼᱟ, ᱟᱨ ᱤᱧ ᱚᱱᱟ ᱠᱚ ᱞᱮᱠᱟ ᱛᱮ ᱥᱩᱪᱤ ᱛᱮᱧ ᱫᱚᱦᱚᱭᱟ᱾ ᱟᱢ ᱡᱟᱦᱟᱸ ᱞᱮᱵᱮᱞ ᱨᱮ ᱡᱟᱦᱟᱸᱭ ᱜᱮᱢ ᱵᱟᱪᱷᱟᱣ ᱫᱟᱲᱮᱭᱟᱭᱟ, ᱮᱱᱛᱮᱨᱮᱦᱚᱸ; ᱚᱠᱚᱭ ᱦᱚᱸ ᱮᱴᱟᱜ ᱦᱚᱲ ᱵᱟᱠᱚ ᱞᱟᱹᱞᱤᱥ ᱫᱟᱲᱮᱭᱟᱜᱼᱟ ᱥᱮ ᱵᱟᱠᱚ ᱵᱟᱹᱲᱤᱡ ᱫᱟᱲᱮᱭᱟᱜᱼᱟ ᱾ HTML ᱥᱴᱨᱟᱠᱪᱟᱨ ᱵᱚᱫᱚᱞ ᱢᱮ ᱱᱚᱣᱟ ᱫᱚ ᱚᱯᱴᱤᱢᱟᱞ ᱯᱷᱤᱠᱥ ᱢᱮᱱᱛᱮ ᱵᱩᱡᱷᱟᱹᱣᱚᱜ ᱠᱟᱱᱟ ᱾ ᱟᱢ ᱥᱴᱮᱠᱤᱝ ᱠᱚᱱᱴᱮᱠᱥ ᱮᱴᱠᱮᱴᱚᱬᱮ ᱨᱮ ᱫᱟᱹᱲ ᱞᱟᱹᱜᱤᱫ, ᱟᱢ ᱫᱚ ᱟᱢᱟᱜ HTML ᱨᱮ ᱢᱚᱡᱟ ᱴᱷᱟᱶ ᱨᱮ ᱛᱤᱱᱟᱹᱜ ᱜᱟᱱ ᱮᱞᱤᱢᱮᱱᱴ ᱫᱚᱦᱚ ᱞᱟᱹᱠᱛᱤ ᱠᱟᱱᱟ᱾ ᱥᱟᱦᱴᱟ ᱫᱚᱦᱲᱟ ᱜᱚᱲᱦᱚᱱ ᱛᱮ ᱟᱢ ᱰᱚᱢ ᱫᱚᱦᱲᱟ ᱜᱚᱲᱦᱚᱱ ᱟᱨ ᱥᱴᱮᱠᱤᱝ ᱥᱟᱛᱟᱢ ᱮᱴᱠᱮᱴᱚᱬᱮ ᱪᱟᱵᱟᱭ ᱞᱟᱹᱜᱤᱫ ᱜᱚᱲᱚ ᱧᱟᱢᱟᱢ ᱾ ᱮᱴᱠᱮᱴᱚᱬᱮ ᱫᱩᱨᱤᱵᱽ ᱯᱟᱱᱛᱮ ᱢᱮ ᱟᱨ HTML ᱢᱟᱨᱠᱟᱯ ᱨᱮ ᱴᱨᱮᱯᱤᱝ ᱫᱩᱨᱤᱵᱽ ᱠᱷᱚᱱ ᱚᱪᱚᱜᱽ ᱢᱮ ᱾ ᱫᱟᱹᱭᱠᱟᱹ ᱞᱮᱠᱟᱛᱮ, ᱟᱵᱚ ᱫᱚ ᱯᱟᱹᱦᱤᱞ ᱥᱤᱱᱟᱹᱨ, “The Trapped Modal,” .modal-container ᱦᱮᱰᱟᱨ ᱠᱷᱚᱱ ᱵᱟᱦᱨᱮ ᱥᱮᱱ ᱠᱟᱛᱮ ᱟᱨ ᱟᱡ ᱛᱮ
ᱮᱞᱤᱢᱮᱱᱴ ᱨᱮ ᱫᱚᱦᱚ ᱠᱟᱛᱮ ᱥᱚᱞᱦᱮ ᱫᱟᱲᱮᱭᱟᱜ-ᱟ᱾<ᱦᱮᱰᱟᱨ ᱪᱟᱱᱟᱪ="ᱦᱮᱰᱟᱨ">
ᱵᱚᱦᱚᱜ
<ᱵᱩᱛᱟᱹᱢ ᱟᱭᱤ ᱰᱤ="ᱚᱯᱮᱱ-ᱢᱳᱰᱟᱞ">ᱢᱳᱰᱟᱞ ᱡᱷᱤᱡᱽ ᱢᱮ <ᱢᱩᱬ ᱪᱟᱱᱟᱪ="ᱡᱤᱱᱤᱥ">ᱟᱥᱚᱞ ᱡᱤᱱᱤᱥ
ᱱᱚᱣᱟ ᱡᱤᱱᱤᱥ ᱨᱮ ᱒ ᱨᱮᱭᱟᱜ ᱡᱮᱰ-ᱤᱱᱰᱮᱠᱥ ᱢᱮᱱᱟᱜᱼᱟ ᱟᱨ ᱱᱤᱛ ᱦᱚᱸ ᱢᱚᱰᱟᱞ ᱵᱟᱭ ᱠᱚᱵᱷᱟᱨᱟ᱾
ᱢᱳᱰᱟᱞ ᱢᱩᱴᱷᱟᱹᱱ
ᱱᱤᱛᱚᱜ, ᱤᱧ ᱪᱮᱫ ᱦᱚᱸ ᱛᱟᱭᱚᱢ ᱨᱮ ᱵᱟᱹᱱᱩᱜ ᱤᱧᱟ᱾ ᱤᱧ ᱰᱚᱢ ᱨᱤᱥᱴᱨᱟᱠᱪᱟᱨᱤᱝ ᱨᱮᱭᱟᱜ ᱚᱨᱡᱚ ᱞᱮᱠᱟᱛᱮ ᱵᱷᱟᱜᱤ ᱴᱷᱟᱶ ᱧᱟᱢ ᱠᱮᱫᱟᱹᱧ ᱾
<ᱵᱩᱛᱟᱢ ᱟᱭᱤ ᱰᱤ="ᱵᱚᱱᱫᱚ-ᱢᱳᱰᱟᱞ">ᱵᱚᱱᱫᱚᱡᱚᱠᱷᱚᱱ ᱟᱢ “Open Modal” ᱵᱟᱴᱚᱱ ᱮᱢ ᱠᱷᱚᱡᱚᱜ ᱠᱟᱱᱟ, ᱢᱚᱰᱟᱞ ᱫᱚ ᱮᱴᱟᱜ ᱡᱤᱱᱤᱥ ᱠᱚ ᱥᱟᱢᱟᱝ ᱨᱮ ᱢᱮᱱᱟᱜ ᱞᱮᱠᱟ ᱜᱮ ᱛᱟᱦᱮᱱᱟ᱾ ᱧᱮᱞ ᱢᱮ ᱠᱚᱞᱚᱢ ᱥᱤᱱᱟᱨᱤᱭᱳ ᱑: ᱥᱳᱭᱚᱢᱵᱳ ᱜᱮᱵᱨᱤᱭᱮᱞ ᱟᱭᱚᱢᱟᱭᱤᱰ ᱦᱚᱛᱮᱛᱮ ᱴᱨᱮᱯᱰ ᱢᱳᱰᱟᱞ (ᱥᱚᱞᱦᱮ) [ᱯᱷᱚᱨᱠ] ᱾ ᱮᱰᱡᱟᱥᱴ ᱢᱮᱥᱤ ᱮᱥ ᱮᱥ ᱨᱮ ᱟᱭᱳ-ᱵᱟᱵᱟ ᱥᱴᱮᱠᱤᱝ ᱥᱟᱛᱟᱢ ᱪᱮᱫ ᱦᱩᱭᱩᱜᱼᱟ ᱡᱩᱫᱤ ᱚᱱᱟ ᱮᱞᱤᱢᱮᱱᱴ ᱫᱚ ᱟᱢ ᱞᱮᱭᱟᱣᱩᱴ ᱵᱤᱱᱟᱹ ᱨᱟᱹᱯᱩᱫ ᱠᱟᱛᱮ ᱵᱟᱢ ᱞᱟᱦᱟ ᱫᱟᱲᱮᱭᱟᱜᱼᱟ? ᱱᱚᱣᱟ ᱮᱴᱠᱮᱴᱚᱬᱮ ᱥᱚᱫᱚᱨ ᱞᱟᱹᱜᱤᱫ ᱵᱮᱥ ᱜᱮᱭᱟ: ᱜᱚᱜᱚ-ᱵᱟᱵᱟ ᱥᱟᱛᱟᱢ ᱠᱤᱱ ᱛᱷᱟᱯᱚᱱᱟ᱾ ᱥᱟᱛᱟᱢ ᱴᱨᱤᱜᱚᱨ ᱞᱟᱹᱜᱤᱫ ᱫᱟᱭᱤᱠ ᱥᱤ ᱮᱥ ᱮᱥ ᱥᱚᱢᱯᱚᱛᱤ (ᱵᱟᱝᱠᱷᱟᱱ ᱥᱚᱢᱯᱚᱛᱤ) ᱯᱟᱱᱛᱮ ᱢᱮ ᱟᱨ ᱚᱱᱟ ᱚᱪᱚᱜᱽ ᱢᱮ ᱾ ᱡᱩᱫᱤ ᱱᱚᱣᱟ ᱨᱮᱭᱟᱜ ᱢᱤᱫ ᱡᱚᱥ ᱢᱮᱱᱟᱜ-ᱟ ᱟᱨ ᱵᱟᱝ ᱚᱪᱚᱜ ᱫᱟᱲᱮᱭᱟᱜ-ᱟ, ᱮᱱᱠᱷᱟᱱ ᱜᱚᱴᱟ ᱫᱟᱹᱵᱤ ᱩᱛᱩ ᱞᱟᱹᱜᱤᱫ ᱜᱚᱜᱚ-ᱵᱟᱵᱟ ᱫᱚ ᱱᱚᱣᱟ ᱨᱮᱱ ᱵᱚᱭᱦᱟ-ᱵᱩᱦᱤᱱ ᱠᱷᱚᱱ ᱵᱟᱹᱲᱛᱤ z-index value ᱮᱢ ᱢᱮ᱾ ᱡᱟᱹᱥᱛᱤ z-ᱤᱱᱰᱮᱠᱥ ᱵᱷᱮᱞᱭᱩ ᱥᱟᱶᱛᱮ, ᱜᱚᱜᱚ-ᱵᱟᱵᱟ ᱫᱚ ᱪᱮᱛᱟᱱ ᱥᱮᱡ ᱪᱟᱞᱟᱜᱼᱟ, ᱟᱨ ᱚᱱᱟ ᱨᱮᱱ ᱜᱤᱫᱽᱨᱟᱹ ᱵᱮᱵᱷᱟᱨᱤᱭᱟᱹ ᱠᱚ ᱥᱩᱨ ᱨᱮᱠᱚ ᱧᱮᱞᱚᱜᱼᱟ᱾ “The Submerged Dropdown” ᱥᱤᱱᱟᱹᱨ ᱨᱮ ᱪᱮᱫ ᱞᱮ ᱪᱮᱫ ᱟᱠᱟᱫᱟ ᱚᱱᱟ ᱞᱟᱹᱜᱤᱫ ᱫᱚ ᱱᱮᱣᱵᱟᱨ ᱠᱷᱚᱱ ᱰᱨᱚᱯᱰᱟᱣᱩᱱ ᱵᱟᱝ ᱞᱮ ᱪᱟᱞᱟᱣ ᱫᱟᱲᱮᱭᱟᱜ-ᱟ; ᱱᱚᱣᱟ ᱨᱮ ᱪᱮᱫ ᱦᱚᱸ ᱵᱟᱝ ᱵᱩᱡᱷᱟᱹᱣᱜᱼᱟ ᱾ ᱢᱮᱱᱠᱷᱟᱱ, ᱟᱵᱚ ᱫᱚ .navbar ᱠᱚᱱᱴᱮᱱᱟᱨ ᱨᱮᱭᱟᱜ z-index ᱵᱷᱮᱞ ᱫᱚ .content element ᱨᱮᱭᱟᱜ z-index ᱵᱷᱮᱞ ᱠᱷᱚᱱ ᱵᱟᱹᱲᱛᱤ ᱵᱟᱹᱲᱛᱤ ᱫᱟᱲᱮᱭᱟᱜ-ᱟ᱾ .ᱱᱟᱵᱷᱵᱟᱨ { ᱯᱟᱹᱪᱷᱞᱟᱹ: #᱓᱓᱓; /* ᱡᱮᱰ-ᱤᱱᱰᱮᱠᱥ: ᱑; */ ᱡᱮᱰ-ᱤᱱᱰᱮᱠᱥ: ᱓; ᱚᱵᱚᱥᱛᱟ: ᱯᱮᱲᱟ; }
ᱱᱚᱣᱟ ᱵᱚᱫᱚᱞ ᱥᱟᱶᱛᱮ, .ᱰᱨᱚᱯᱰᱟᱣᱩᱱ-ᱢᱮᱱᱩ ᱵᱤᱱ ᱮᱴᱠᱮᱴᱚᱬᱮ ᱛᱮ ᱡᱤᱱᱤᱥ ᱥᱟᱢᱟᱝ ᱨᱮ ᱧᱮᱞᱚᱜᱼᱟ᱾ ᱠᱚᱞᱚᱢ ᱥᱤᱱᱟᱨᱤᱭᱳ ᱧᱮᱞ ᱢᱮ ᱒: ᱥᱚᱭᱚᱢᱵᱚ ᱜᱮᱵᱨᱤᱭᱮᱞ ᱟᱭᱚᱢᱟᱭᱤᱰ ᱦᱚᱛᱮᱛᱮ ᱥᱟᱵᱽᱢᱟᱨᱡᱽᱰ ᱰᱨᱚᱯᱰᱟᱣᱩᱱ (ᱥᱚᱞᱦᱮ) [ᱯᱷᱚᱨᱠ]᱾ ᱯᱚᱨᱴᱟᱞ ᱠᱚ ᱠᱩᱨᱩᱢᱩᱴᱩᱭ ᱢᱮ, ᱡᱩᱫᱤ ᱢᱤᱫ ᱯᱷᱨᱟᱢᱣᱟᱨᱠ ᱵᱮᱵᱷᱟᱨ ᱠᱟᱱᱟ React se Vue ᱞᱮᱠᱟᱱ ᱯᱷᱨᱟᱢᱣᱟᱨᱠ ᱨᱮ, ᱯᱚᱨᱴᱟᱞ ᱫᱚ ᱢᱤᱫ ᱜᱩᱱ ᱠᱟᱱᱟ ᱡᱟᱦᱟᱸ ᱫᱚ ᱟᱢ DOM ᱨᱮ ᱟᱡᱟᱜ ᱥᱟᱫᱷᱟᱨᱚᱱ ᱜᱚᱜᱚ-ᱵᱟᱵᱟ ᱦᱟᱭᱟᱨᱠᱤ ᱵᱟᱦᱨᱮ ᱨᱮ ᱢᱤᱫ ᱜᱷᱚᱴᱚᱠ ᱮᱢ ᱫᱟᱲᱮᱭᱟᱜ-ᱟ᱾ ᱯᱚᱨᱴᱟᱞ ᱫᱚ ᱟᱢᱟᱜ ᱜᱷᱚᱴᱚᱠ ᱠᱚ ᱞᱟᱹᱜᱤᱫ ᱴᱮᱞᱤᱯᱚᱨᱴᱮᱥᱚᱱ ᱥᱟᱫᱷᱚᱱ ᱞᱮᱠᱟ ᱜᱮᱭᱟ ᱾ ᱩᱱᱠᱩ ᱫᱚ ᱟᱢ ᱫᱚ ᱰᱚᱠᱭᱩᱢᱮᱱᱴ ᱨᱮ ᱡᱟᱦᱟᱸ ᱨᱮ ᱦᱚᱸ ᱢᱤᱫ ᱠᱚᱯᱚᱱᱴ ᱨᱮᱭᱟᱜ HTML ᱨᱮᱱᱰ ᱮᱢ ᱫᱟᱲᱮᱭᱟᱜ-ᱟ (ᱡᱟᱹᱥᱛᱤ ᱫᱚ document.body ᱨᱮ) ᱚᱱᱟ ᱫᱚ ᱯᱨᱚᱯᱥ, ᱥᱴᱮᱴ, ᱟᱨ ᱤᱵᱷᱮᱱᱴ ᱠᱚ ᱞᱟᱹᱜᱤᱫ ᱟᱡᱟᱜ ᱟᱥᱚᱞ ᱜᱚᱜᱚ-ᱵᱟᱵᱟ ᱥᱟᱶ ᱞᱚᱡᱤᱠ ᱞᱮᱠᱟ ᱡᱚᱲᱟᱣ ᱫᱚᱦᱚ ᱫᱟᱲᱮᱭᱟᱜ-ᱟ᱾ ᱱᱚᱣᱟ ᱫᱚ ᱥᱴᱮᱠᱤᱝ ᱥᱟᱛᱟᱢ ᱥᱤᱴᱟᱹᱵ ᱠᱷᱚᱱ ᱵᱟᱧᱪᱟᱣ ᱞᱟᱹᱜᱤᱫ ᱮᱠᱫᱚᱢ ᱴᱷᱤᱠ ᱜᱮᱭᱟ ᱪᱮᱫᱟᱜ ᱥᱮ ᱮᱢ ᱟᱠᱟᱱ ᱟᱩᱴᱯᱩᱴ ᱫᱚ ᱟᱥᱚᱠᱟᱭ ᱛᱮ ᱮᱴᱠᱮᱴᱚᱬᱮ ᱟᱭᱳ-ᱵᱟᱵᱟ ᱫᱟᱹᱵᱤ ᱵᱟᱦᱨᱮ ᱧᱮᱞᱚᱜ-ᱟ᱾ ᱨᱤᱭᱟᱠᱴᱰᱚᱢ᱾ ᱠᱨᱮᱴᱯᱚᱨᱴᱟᱞ( <ᱴᱩᱞᱴᱤᱯ />, ᱰᱚᱠᱭᱩᱢᱮᱱᱴ᱾ᱦᱚᱲᱢᱚ );
ᱱᱚᱣᱟ ᱛᱮ ᱯᱩᱥᱴᱟᱹᱣᱚᱜ ᱠᱟᱱᱟ ᱡᱮ ᱟᱢᱟᱜ ᱰᱨᱚᱯᱰᱟᱣᱩᱱ ᱡᱤᱱᱤᱥ ᱫᱚ ᱟᱡ ᱨᱮᱱ ᱜᱚᱜᱚ-ᱵᱟᱵᱟ ᱛᱟᱭᱚᱢ ᱵᱟᱝ ᱩᱠᱩ ᱟᱠᱟᱱᱟ, ᱡᱩᱫᱤ ᱦᱚᱸ ᱜᱚᱜᱚ-ᱵᱟᱵᱟ ᱴᱷᱮᱱ ᱚᱵᱷᱟᱨᱯᱷᱞᱚ ᱢᱮᱱᱟᱜ-ᱟ: ᱩᱠᱩ ᱟᱠᱟᱱ ᱥᱮ ᱞᱟᱛᱟᱨ ᱡᱮᱰ-ᱤᱱᱰᱮᱠᱥ᱾ “The Clipped Tooltip” ᱥᱤᱱᱟᱹᱨ ᱨᱮ ᱟᱞᱮ ᱞᱟᱦᱟ ᱞᱮ ᱧᱮᱞ ᱞᱮᱫᱟ, ᱤᱧ ᱫᱚ ᱴᱩᱞᱴᱤᱯ ᱚᱵᱷᱟᱨ ᱠᱷᱚᱱ ᱵᱟᱧᱪᱟᱣ ᱞᱟᱹᱜᱤᱫ ᱢᱤᱫ ᱯᱚᱨᱴᱟᱞ ᱵᱮᱵᱚᱦᱟᱨ ᱠᱮᱫᱟᱹᱧ: ᱰᱚᱠᱭᱩᱢᱮᱱᱴ ᱦᱚᱲᱢᱚ ᱨᱮ ᱫᱚᱦᱚ ᱠᱟᱛᱮ ᱟᱨ ᱠᱚᱱᱴᱮᱱᱟᱨ ᱵᱷᱤᱛᱨᱤ ᱨᱮ ᱴᱨᱤᱜᱚᱨ ᱪᱮᱛᱟᱱ ᱨᱮ ᱫᱚᱦᱚ ᱠᱟᱛᱮ ᱾ ᱧᱮᱞ ᱢᱮ ᱠᱚᱞᱚᱢ ᱥᱤᱱᱟᱨᱤᱭᱳ ᱓: ᱥᱳᱭᱚᱢᱵᱳ ᱜᱮᱵᱨᱤᱭᱮᱞ ᱟᱭᱚᱢᱟᱭᱤᱰ ᱦᱚᱛᱮᱛᱮ ᱠᱞᱤᱯᱰ ᱴᱩᱞᱴᱤᱯ (ᱥᱚᱞᱦᱮ) [ᱯᱷᱚᱨᱠ]᱾ ᱵᱮᱜᱚᱨ ᱥᱟᱭᱤᱰ ᱤᱯᱷᱮᱠᱴ ᱛᱮ ᱥᱴᱮᱠᱤᱝ ᱥᱟᱛᱟᱢ ᱮᱦᱚᱵᱚᱜ ᱠᱟᱱᱟ ᱯᱟᱹᱦᱤᱞ ᱯᱟᱦᱴᱟ ᱨᱮ ᱵᱩᱡᱷᱟᱹᱣ ᱟᱠᱟᱱ ᱡᱚᱛᱚ ᱯᱟᱦᱴᱟ ᱠᱚ ᱫᱚ ᱯᱨᱚᱵᱷᱟᱵᱽ ᱥᱴᱟᱠᱤᱝ ᱠᱚᱱᱴᱮᱠᱴ ᱠᱷᱚᱱ “unstacking” ᱮᱞᱤᱢᱮᱱᱴ ᱠᱚ ᱞᱟᱹᱜᱤᱫ ᱢᱮᱱᱟᱜ-ᱟ, ᱢᱮᱱᱠᱷᱟᱱ ᱟᱫᱚᱢ ᱥᱛᱤᱛᱤ ᱠᱚ ᱢᱮᱱᱟᱜ-ᱟ ᱡᱟᱦᱟᱸ ᱨᱮ ᱟᱢ ᱫᱚ ᱥᱴᱟᱠᱤᱝ ᱠᱚᱱᱴᱮᱠᱴ ᱵᱮᱱᱟᱣ ᱞᱟᱹᱠᱛᱤᱭᱟᱢᱟ᱾ ᱱᱟᱶᱟ ᱥᱴᱮᱠᱤᱝ ᱥᱟᱛᱟᱢ ᱵᱮᱱᱟᱣ ᱫᱚ ᱟᱞᱜᱟ ᱜᱮᱭᱟ, ᱢᱮᱱᱠᱷᱟᱱ ᱥᱟᱱᱟᱢ ᱫᱷᱟᱨᱟ ᱜᱮ ᱥᱟᱭᱤᱰ ᱤᱯᱷᱮᱠᱴ ᱥᱟᱶᱛᱮ ᱦᱤᱡᱩᱜ ᱠᱟᱱᱟ᱾ ᱚᱱᱟ ᱫᱚ, ᱟᱭᱥᱚᱞᱮᱥᱚᱱ ᱵᱮᱵᱷᱟᱨ ᱪᱷᱟᱰᱟ ᱠᱟᱛᱮ: ᱟᱭᱥᱚᱞᱮᱴ᱾ ᱡᱚᱠᱷᱚᱱ ᱢᱤᱫ ᱛᱮᱛᱮᱫ ᱨᱮ ᱞᱟᱹᱜᱩᱜ-ᱟ, ᱚᱱᱟ ᱛᱮᱛᱮᱫ ᱨᱮᱱ ᱜᱤᱫᱽᱨᱟᱹ ᱠᱚᱣᱟᱜ ᱥᱴᱟᱠᱤᱝ ᱠᱚᱱᱴᱮᱠᱴ ᱫᱚ ᱢᱤᱢᱤᱫ ᱜᱤᱫᱽᱨᱟᱹ ᱠᱚ ᱥᱟᱶ ᱥᱟᱹᱜᱟᱹᱭ ᱛᱮ ᱟᱨ ᱚᱱᱟ ᱛᱮᱛᱮᱫ ᱵᱷᱤᱛᱨᱤ ᱨᱮ ᱞᱟᱹᱜᱩᱜ-ᱟ ᱾ ᱢᱤᱫ ᱥᱟᱫᱷᱟᱨᱚᱱ ᱫᱟᱹᱭᱠᱟᱹ ᱫᱚ ᱚᱱᱟ ᱫᱩᱨᱤᱵᱽ ᱢᱤᱫ ᱱᱮᱜᱮᱴᱤᱵᱷ ᱜᱚᱱᱚᱝ ᱮᱢᱚᱜ ᱠᱟᱱᱟ, ᱡᱮᱞᱠᱟ ᱡᱮᱰ-ᱤᱱᱰᱮᱠᱥ: -᱑ ᱾ ᱟᱢᱟᱜ ᱩᱭᱦᱟᱹᱨ ᱢᱮ ᱟᱢ ᱴᱷᱮᱱ ᱢᱤᱫ .ᱠᱟᱨᱰ ᱨᱟᱭᱵᱟᱨ ᱢᱮᱱᱟᱜᱼᱟ ᱾ ᱟᱢ ᱢᱤᱫ ᱥᱟᱡᱟᱣ ᱟᱠᱟᱨ ᱥᱮᱞᱮᱫ ᱥᱟᱱᱟᱭᱮᱫ ᱢᱮᱭᱟ ᱚᱠᱟ ᱫᱚ .ᱠᱟᱨᱰ ᱨᱮᱭᱟᱜ ᱚᱞ ᱛᱟᱭᱚᱢ ᱨᱮ ᱫᱩᱲᱩᱵ ᱛᱟᱦᱮᱱᱟ, ᱢᱮᱱᱠᱷᱟᱱ ᱠᱟᱨᱰ ᱨᱮᱭᱟᱜ ᱵᱮᱠᱜᱨᱟᱣᱩᱱᱰ ᱪᱮᱛᱟᱱ ᱨᱮ ᱾ ᱠᱟᱨᱰ ᱨᱮ ᱥᱴᱮᱠᱤᱝ ᱥᱟᱛᱟᱢ ᱵᱮᱜᱚᱨ, ᱡᱮᱰ-ᱤᱱᱰᱮᱠᱥ: -᱑ ᱨᱩᱴ ᱥᱴᱮᱠᱤᱝ ᱥᱟᱛᱟᱢ ᱨᱮᱭᱟᱜ ᱞᱟᱛᱟᱨ ᱨᱮ ᱜᱚᱲᱦᱚᱱ ᱵᱷᱮᱡᱟᱭᱟ (ᱜᱚᱴᱟ ᱥᱟᱦᱴᱟ)᱾ ᱱᱚᱣᱟ ᱫᱚ ᱱᱚᱣᱟ ᱠᱟᱨᱰ ᱨᱮᱭᱟᱜ ᱯᱩᱸᱰ ᱵᱮᱠᱜᱨᱟᱣᱩᱱᱰ ᱟᱲᱮ ᱨᱮ ᱟᱫᱚᱜ ᱞᱟᱹᱜᱤᱫ ᱵᱮᱱᱟᱣ ᱮᱫᱟᱭ: ᱧᱮᱞ ᱢᱮ ᱠᱚᱞᱚᱢ ᱱᱮᱜᱮᱴᱤᱵᱷ ᱡᱮᱰ-ᱤᱱᱰᱮᱠᱥ (ᱮᱴᱠᱮᱴᱚᱬᱮ) [ᱯᱷᱚᱨᱠ] ᱥᱳᱭᱚᱢᱵᱳ ᱜᱮᱵᱨᱤᱭᱟᱞ ᱟᱭᱚᱢᱟᱭᱤᱰ ᱦᱚᱛᱮᱛᱮ ᱾ ᱱᱚᱣᱟ ᱥᱚᱢᱟᱫᱽ ᱞᱟᱹᱜᱤᱫ, ᱟᱞᱮ ᱟᱭᱥᱚᱞᱮᱥᱚᱱ ᱞᱮ ᱜᱚᱴᱟᱭᱮᱫᱟ: ᱟᱭᱳ-ᱵᱟᱵᱟ ᱠᱟᱨᱰ ᱨᱮ ᱟᱭᱥᱚᱞᱮᱥᱚᱱ: ᱧᱮᱞ ᱢᱮ ᱠᱚᱞᱚᱢ ᱱᱮᱜᱮᱴᱤᱵᱷ ᱡᱮᱰ-ᱤᱱᱰᱮᱠᱥ (ᱥᱚᱞᱦᱮ) [ᱯᱷᱚᱨᱠ] ᱥᱳᱭᱚᱢᱵᱳ ᱜᱮᱵᱨᱤᱭᱟᱞ ᱟᱭᱚᱢᱟᱭᱤᱰ ᱦᱚᱛᱮᱛᱮ ᱾ ᱱᱤᱛᱚᱜ, .ᱠᱟᱨᱰ ᱮᱞᱤᱢᱮᱱᱴ ᱟᱡ ᱛᱮ ᱢᱤᱫ ᱥᱴᱮᱠᱤᱝ ᱥᱟᱛᱟᱢ ᱦᱩᱭᱩᱜ ᱠᱟᱱᱟ ᱾ ᱡᱚᱠᱷᱚᱱ ᱱᱚᱣᱟ ᱨᱮᱱ ᱜᱤᱫᱽᱨᱟᱹ ᱮᱞᱤᱢᱮᱱᱴ — :before pseudo-element — ᱨᱮ ᱵᱮᱱᱟᱣ ᱟᱠᱟᱱ ᱥᱟᱡᱟᱣ ᱟᱠᱟᱨ — ᱨᱮ z-index: -1 ᱛᱟᱦᱮᱱᱟ, ᱚᱱᱟ ᱫᱚ ᱟᱭᱳ-ᱵᱟᱵᱟ ᱠᱚᱣᱟᱜ ᱥᱴᱮᱠᱤᱝ ᱠᱚᱱᱴᱮᱠᱴ ᱨᱮ ᱟᱹᱰᱤ ᱞᱟᱛᱟᱨ ᱨᱮ ᱪᱟᱞᱟᱜ-ᱟ᱾ ᱱᱚᱣᱟ ᱫᱚ ᱚᱞ ᱛᱟᱭᱚᱢ ᱟᱨ ᱠᱟᱨᱰ ᱨᱮᱭᱟᱜ ᱵᱮᱠᱜᱨᱟᱣᱩᱱᱰ ᱪᱮᱛᱟᱱ ᱨᱮ ᱯᱩᱨᱟᱹ ᱯᱩᱨᱤ ᱫᱩᱲᱩᱵ ᱟᱠᱟᱱᱟ, ᱡᱮᱞᱠᱟ ᱩᱭᱦᱟᱹᱨ ᱞᱮᱱᱟ ᱾ ᱢᱩᱪᱟᱹᱫ ᱠᱟᱛᱷᱟ ᱫᱤᱥᱟᱹ ᱫᱚᱦᱚᱭᱟᱢ: ᱫᱚᱥᱟᱨ ᱫᱷᱟᱣ ᱡᱚᱠᱷᱚᱱ ᱟᱢᱟᱜ ᱡᱮᱰ-ᱤᱱᱰᱮᱠᱥ ᱠᱚᱱᱴᱨᱚᱞ ᱠᱷᱚᱱ ᱵᱟᱦᱨᱮ ᱧᱮᱞᱚᱜᱼᱟ, ᱱᱚᱣᱟ ᱫᱚ ᱯᱷᱟᱹᱥᱞᱟᱹ ᱥᱴᱮᱠᱤᱝ ᱥᱟᱛᱟᱢ ᱠᱟᱱᱟ᱾ ᱚᱞ ᱠᱚ
ᱥᱴᱮᱠᱤᱝ ᱠᱚᱱᱴᱮᱠᱥ (ᱮᱢ ᱰᱤ ᱮᱱ) ᱡᱮᱰ-ᱤᱱᱰᱮᱠᱥ ᱟᱨ ᱥᱴᱮᱠᱤᱝ ᱠᱚᱱᱴᱮᱠᱥ (ᱣᱮᱵᱽ.ᱰᱮᱵᱷ) “ᱥᱤ ᱮᱥ ᱮᱥ ᱨᱮ ᱟᱭᱥᱚᱞᱮᱥᱚᱱ ᱥᱚᱢᱯᱚᱛᱤ ᱥᱟᱶ ᱢᱤᱫ ᱱᱟᱶᱟ ᱥᱴᱮᱠᱤᱝ ᱥᱟᱛᱟᱢ ᱪᱮᱫ ᱞᱮᱠᱟ ᱛᱮ ᱵᱮᱱᱟᱣ ᱦᱩᱭᱩᱜᱼᱟ”, ᱱᱟᱴᱟᱞᱤ ᱯᱤᱱᱟ “ᱪᱮᱫ ᱦᱮᱠ, ᱡᱮᱰ-ᱤᱱᱰᱮᱠᱥ??”, ᱡᱚᱥ ᱠᱚᱢᱭᱩ
ᱥᱢᱟᱥᱤᱝ ᱢᱮᱜᱽ ᱨᱮ ᱞᱟᱦᱟ ᱯᱟᱲᱦᱟᱣ
“ᱢᱟᱨᱟᱝ ᱯᱨᱚᱡᱮᱠᱴ ᱨᱮ ᱥᱤ ᱮᱥ ᱮᱥ ᱡᱮᱰ-ᱤᱱᱰᱮᱠᱥ ᱪᱟᱞᱟᱣ”, ᱥᱴᱤᱵᱷᱮᱱ ᱯᱷᱨᱤᱥᱚᱱ “ᱥᱴᱤᱠᱤ ᱦᱮᱰᱟᱨᱥ ᱟᱨ ᱯᱩᱨᱟᱹ-ᱩᱥᱩᱞ ᱮᱞᱤᱢᱮᱱᱴᱥ: ᱢᱤᱫ ᱴᱨᱤᱠᱤ ᱠᱚᱢᱵᱤᱱᱮᱥᱚᱱ”, ᱯᱷᱤᱞᱤᱯ ᱵᱨᱟᱣᱱᱮᱱ “ᱢᱤᱫ ᱜᱷᱚᱴᱚᱠ-ᱟᱫᱷᱟᱨᱚᱱ ᱣᱮᱵᱽ ᱮᱯᱞᱤᱠᱮᱥᱚᱱ ᱨᱮ ᱡᱮᱰ-ᱤᱱᱰᱮᱠᱥ ᱪᱟᱞᱟᱣ”, ᱯᱟᱵᱷᱮᱞ ᱯᱚᱢᱮᱨᱟᱱᱴᱥᱮᱵᱷ “ᱡᱮᱰ-ᱤᱱᱰᱮᱠᱥ ᱥᱤᱮᱥᱮᱥ ᱥᱚᱢᱯᱚᱛᱤ: ᱢᱤᱫ ᱵᱽᱭᱟᱯᱟᱠ ᱧᱮᱞ”, ᱞᱩᱭᱤᱥ ᱞᱟᱡᱟᱨᱤᱥ
