ꯑꯗꯣꯝꯅꯥ ꯑꯗꯣꯃꯒꯤ CSSꯗꯥ ꯂꯩꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯗꯥ z-index: 99999 ꯁꯦꯠ ꯇꯧꯈ꯭ꯔꯕꯔꯥ, ꯑꯃꯁꯨꯡ ꯃꯁꯤ ꯑꯇꯣꯞꯄꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯒꯤ ꯃꯊꯛꯇꯥ ꯊꯣꯀꯈꯤꯗ꯭ꯔꯤꯕꯔꯥ? ꯑꯁꯤꯒꯨꯝꯕꯥ ꯑꯆꯧꯕꯥ ꯚꯦꯜꯌꯨ ꯑꯃꯅꯥ ꯇꯣꯉꯥꯟ-ꯇꯣꯉꯥꯅꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯄꯨꯝꯅꯃꯛ ꯑꯁꯤ ꯍꯦꯟꯅꯥ ꯅꯦꯝꯕꯥ ꯚꯦꯜꯌꯨ ꯑꯃꯗꯥ ꯁꯦꯠ ꯇꯧꯏ ꯅꯠꯠꯔꯒꯥ ꯁꯦꯠ ꯇꯧꯗꯦ ꯍꯥꯌꯅꯥ ꯂꯧꯗꯨꯅꯥ, ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯑꯇꯣꯞꯄꯥ ꯄꯣꯠꯁꯛ ꯑꯃꯒꯤ ꯃꯊꯛꯇꯥ ꯚꯤꯖꯨꯑꯦꯜ ꯑꯣꯏꯅꯥ ꯐꯖꯅꯥ ꯊꯃꯒꯗꯕꯅꯤ꯫ ꯋꯦꯕꯄꯦꯖ ꯑꯃꯥ ꯃꯍꯧꯁꯥꯅꯥ ꯇꯨ-ꯗꯥꯏꯃꯦꯟꯁꯟ ꯁ꯭ꯄꯦꯁ ꯑꯃꯗꯥ ꯔꯤꯞꯔꯖꯦꯟꯇ ꯇꯧꯏ; ꯑꯗꯨꯝ ꯑꯣꯏꯅꯃꯛ, ꯑꯀꯛꯅꯕꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯃꯒꯨꯅꯁꯤꯡ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯗꯨꯅꯥ, ꯏꯃꯥꯏꯖꯦꯟꯁꯤ ꯖꯦꯗ-ꯑꯦꯛꯁꯤꯁ ꯄ꯭ꯂꯦꯟ ꯑꯃꯥ ꯄꯨꯊꯣꯛꯇꯨꯅꯥ ꯊꯣꯡ ꯂꯣꯅꯁꯤꯜꯂꯤ꯫ ꯄ꯭ꯂꯦꯟ ꯑꯁꯤ ꯁ꯭ꯛꯔꯤꯅꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯄꯥꯔꯄꯦꯟꯗꯤꯀꯨꯂꯔ ꯑꯣꯏ, ꯑꯃꯁꯨꯡ ꯃꯁꯤꯗꯒꯤ ꯌꯨꯖꯔꯅꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯒꯤ ꯑꯣꯔꯗꯔ ꯑꯗꯨ ꯈꯉꯏ, ꯑꯃꯅꯥ ꯑꯃꯒꯤ ꯃꯊꯛꯇꯥ꯫ ꯏꯃꯥꯏꯖꯦꯟꯁꯤ z-ꯑꯦꯛꯁꯤꯁꯀꯤ ꯃꯇꯨꯡꯗꯥ ꯂꯩꯔꯤꯕꯥ ꯋꯥꯈꯜꯂꯣꯟ ꯑꯁꯤ, ꯌꯨꯖꯔꯅꯥ ꯁ꯭ꯇꯦꯛ ꯇꯧꯔꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯂꯧꯔꯤꯕꯥ ꯋꯥꯈꯜꯂꯣꯟ ꯑꯁꯤꯅꯥ ꯃꯁꯤꯕꯨ ꯁꯦꯃꯒꯠꯂꯤꯕꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ. ꯑꯩꯈꯣꯌꯅꯥ ꯋꯦꯕꯄꯦꯖ ꯑꯃꯗꯥ ꯏꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯑꯁꯤ ꯀꯔꯝꯅꯥ “ꯁ꯭ꯇꯦꯛ” ꯇꯧꯕꯒꯦ, ꯁ꯭ꯇꯦꯛ ꯇꯧꯕꯒꯤ ꯑꯣꯔꯗꯔ ꯑꯁꯤ ꯀꯔꯤꯅꯥ ꯀꯟꯠꯔꯣꯜ ꯇꯧꯕꯒꯦ, ꯑꯃꯁꯨꯡ ꯃꯊꯧ ꯇꯥꯔꯀꯄꯥ ꯃꯇꯃꯗꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ “ꯑꯅꯁ꯭ꯇꯦꯛ” ꯇꯧꯕꯒꯤ ꯄ꯭ꯔꯦꯛꯇꯤꯀꯦꯜ ꯑꯦꯞꯔꯣꯆꯁꯤꯡꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯋꯥꯔꯤ ꯁꯥꯒꯅꯤ꯫ ꯁ꯭ꯇꯦꯀꯤꯡ ꯀꯟꯇꯦꯛꯁꯁꯤꯡꯒꯤ ꯃꯇꯥꯡꯗꯥ꯫ ꯅꯍꯥꯛꯀꯤ ꯋꯦꯕꯄꯦꯖ ꯑꯗꯨ ꯗꯦꯁ꯭ꯛ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯈꯅꯕꯤꯌꯨ꯫ HTML ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯍꯥꯄꯆꯤꯜꯂꯀꯄꯥ ꯃꯇꯃꯗꯥ, ꯅꯍꯥꯛꯅꯥ ꯄꯦꯄꯔꯒꯤ ꯁꯔꯨꯀꯁꯤꯡ, ꯑꯃꯒꯤ ꯃꯇꯨꯡꯗꯥ ꯑꯃꯒꯥ, ꯗꯦꯁ꯭ꯛ ꯑꯗꯨꯗꯥ ꯊꯃꯖꯤꯜꯂꯤ꯫ ꯊꯝꯂꯤꯕꯥ ꯑꯔꯣꯏꯕꯥ ꯄꯦꯄꯔ ꯑꯁꯤ ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯅꯧꯅꯥ ꯍꯥꯄꯆꯤꯜꯂꯀꯄꯥ HTML ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯒꯥ ꯃꯥꯟꯅꯩ, ꯑꯃꯁꯨꯡ ꯃꯁꯤꯅꯥ ꯃꯃꯥꯡꯗꯥ ꯊꯝꯂꯤꯕꯥ ꯑꯇꯣꯞꯄꯥ ꯄꯦꯄꯔ ꯄꯨꯝꯅꯃꯛꯀꯤ ꯃꯊꯛꯇꯥ ꯐꯝꯃꯤ꯫ ꯃꯁꯤ ꯅꯦꯁ꯭ꯇꯦꯗ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯒꯤ ꯑꯣꯏꯅꯗꯤ ꯅꯣꯔꯃꯦꯜ ꯗꯣꯛꯌꯨꯃꯦꯟꯇ ꯐ꯭ꯂꯣꯅꯤ꯫ ꯗꯦꯁ꯭ꯛ ꯃꯁꯥꯃꯛꯅꯥ ꯑꯇꯣꯞꯄꯥ ꯐꯣꯜꯗꯔ ꯄꯨꯝꯅꯃꯛ ꯌꯥꯑꯣꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯅꯥ ꯁꯦꯝꯕꯥ ꯔꯨꯠ ꯁ꯭ꯇꯦꯀꯤꯡ ꯀꯟꯇꯦꯛꯁ ꯑꯗꯨ ꯔꯤꯞꯔꯖꯦꯟꯇ ꯇꯧꯏ꯫ ꯍꯧꯖꯤꯛꯇꯤ ꯑꯀꯛꯅꯕꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯄ꯭ꯔꯣꯄꯔꯇꯤꯁꯤꯡ ꯑꯁꯤ ꯊꯧꯗꯥꯡ ꯂꯧꯔꯦ꯫ ꯄꯣꯖꯤꯁꯟ (z-ꯏꯟꯗꯦꯛꯁꯀꯥ ꯂꯣꯌꯅꯅꯥ), ꯑꯣꯄꯦꯁꯤꯇꯤ, ꯇ꯭ꯔꯥꯟꯁꯐꯣꯔꯝ, ꯑꯃꯁꯨꯡ ꯀꯟꯇꯦꯅꯒꯨꯝꯕꯥ ꯄ꯭ꯔꯣꯄꯔꯇꯤꯁꯤꯡꯅꯥ ꯐꯣꯜꯗꯔ ꯑꯃꯒꯨꯝꯅꯥ ꯊꯕꯛ ꯇꯧꯏ꯫ ꯐꯣꯜꯗꯔ ꯑꯁꯤꯅꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯑꯃꯁꯨꯡ ꯃꯁꯤꯒꯤ ꯑꯉꯥꯡ ꯄꯨꯝꯅꯃꯛ ꯂꯧꯏ, ꯃꯈꯣꯌꯕꯨ ꯃꯦꯟ ꯁ꯭ꯇꯦꯀꯇꯒꯤ ꯂꯧꯊꯣꯀꯏ, ꯑꯃꯁꯨꯡ ꯃꯈꯣꯌꯕꯨ ꯇꯣꯉꯥꯅꯕꯥ ꯁꯕ-ꯁ꯭ꯇꯦꯛ ꯑꯃꯗꯥ ꯒ꯭ꯔꯨꯞ ꯇꯧꯏ, ꯃꯁꯤꯅꯥ ꯑꯩꯈꯣꯌꯅꯥ ꯁ꯭ꯇꯦꯀꯤꯡ ꯀꯟꯇꯦꯛꯁ ꯍꯥꯌꯅꯥ ꯀꯧꯕꯥ ꯑꯗꯨ ꯁꯦꯝꯃꯤ꯫ ꯄꯣꯖꯤꯁꯟ ꯇꯧꯔꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯒꯤ ꯑꯣꯏꯅꯗꯤ, ꯃꯁꯤ ꯑꯩꯈꯣꯌꯅꯥ ꯑꯣꯇꯣ ꯅꯠꯇꯕꯥ ꯑꯇꯣꯞꯄꯥ z-ꯏꯟꯗꯦꯛꯁ ꯚꯦꯜꯌꯨ ꯑꯃꯥ ꯂꯥꯎꯊꯣꯀꯄꯥ ꯃꯇꯃꯗꯥ ꯊꯣꯀꯏ꯫ ꯑꯣꯄꯦꯁꯤꯇꯤ, ꯇ꯭ꯔꯥꯟꯁꯐꯣꯔꯝ, ꯑꯃꯁꯨꯡ ꯐꯤꯜꯇꯔꯒꯨꯝꯕꯥ ꯄ꯭ꯔꯣꯄꯔꯇꯤꯁꯤꯡꯒꯤ ꯑꯣꯏꯅꯗꯤ, ꯑꯀꯛꯅꯕꯥ ꯚꯦꯜꯌꯨꯁꯤꯡ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯁ꯭ꯇꯦꯀꯤꯡ ꯀꯟꯇꯦꯛꯁ ꯑꯁꯤ ꯑꯣꯇꯣꯃꯦꯇꯤꯛ ꯑꯣꯏꯅꯥ ꯁꯦꯝꯃꯤ꯫
ꯃꯁꯤ ꯈꯪꯗꯣꯛꯅꯕꯥ ꯍꯣꯠꯅꯧ: ꯄꯦꯄꯔ ꯑꯃꯥ (i.e., ꯆꯥꯏꯜꯗ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ) ꯐꯣꯜꯗꯔ ꯑꯃꯒꯤ ꯃꯅꯨꯡꯗꯥ (i.e., ꯃꯃꯥ-ꯃꯄꯥꯒꯤ ꯁ꯭ꯇꯦꯛ ꯀꯟꯇꯦꯛꯁ) ꯑꯃꯥ ꯂꯩꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ, ꯃꯁꯤꯅꯥ ꯐꯣꯜꯗꯔ ꯑꯗꯨꯗꯒꯤ ꯀꯩꯗꯧꯉꯩꯗꯥ ꯊꯣꯀꯄꯥ ꯌꯥꯔꯣꯏ ꯅꯠꯠꯔꯒꯥ ꯇꯣꯉꯥꯅꯕꯥ ꯐꯣꯜꯗꯔ ꯑꯃꯗꯥ ꯄꯦꯄꯔꯁꯤꯡꯒꯤ ꯃꯔꯛꯇꯥ ꯊꯝꯕꯥ ꯌꯥꯔꯣꯏ꯫ ꯃꯁꯤꯒꯤ z-ꯏꯟꯗꯦꯛꯁ ꯑꯁꯤ ꯍꯧꯖꯤꯛꯇꯤ ꯃꯁꯥꯒꯤ ꯐꯣꯜꯗꯔꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯈꯛꯇꯃꯛ ꯃꯔꯤ ꯂꯩꯅꯔꯦ꯫
ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯏꯂꯥꯁ꯭ꯠꯔꯤ ꯑꯁꯤꯗꯥ, ꯄꯦꯄꯔ ꯕꯤ ꯑꯁꯤ ꯍꯧꯖꯤꯛꯇꯤ ꯐꯣꯜꯗꯔ ꯕꯤꯒꯤ ꯁ꯭ꯇꯦꯀꯤꯡ ꯀꯟꯇꯦꯛꯁꯀꯤ ꯃꯅꯨꯡꯗꯥ ꯂꯩꯔꯦ, ꯑꯃꯁꯨꯡ ꯐꯣꯜꯗꯔ ꯑꯗꯨꯗꯥ ꯂꯩꯔꯤꯕꯥ ꯑꯇꯣꯞꯄꯥ ꯄꯦꯄꯔꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯈꯛꯇꯃꯛ ꯑꯣꯔꯗꯔ ꯇꯧꯕꯥ ꯌꯥꯒꯅꯤ꯫
ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯄꯥꯝꯂꯕꯗꯤ, ꯅꯍꯥꯛꯀꯤ ꯗꯦꯁ꯭ꯀꯇꯥ ꯐꯣꯜꯗꯔ ꯑꯅꯤ ꯂꯩ ꯍꯥꯌꯅꯥ ꯈꯅꯕꯤꯌꯨ:
.ꯐꯣꯜꯗꯔ-ꯑꯦ { z-ꯏꯟꯗꯦꯛꯁ: ꯱; } .ꯐꯣꯜꯗꯔ-ꯕꯤ { z-ꯏꯟꯗꯦꯛꯁ: ꯲; }
ꯃꯥꯔꯀꯑꯥꯞ ꯑꯁꯤ ꯈꯔꯥ ꯑꯄꯗꯦꯠ ꯇꯧꯔꯁꯤ꯫ ꯐꯣꯜꯗꯔ Aꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯑꯈꯟꯅꯕꯥ ꯄꯦꯖ ꯑꯃꯅꯤ, z-index: 9999. ꯐꯣꯜꯗꯔ Bꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯄ꯭ꯂꯦꯟ ꯄꯦꯖ ꯑꯃꯅꯤ, z-index: 5.
.ꯁ꯭ꯄꯦꯁꯤꯑꯦꯜ-ꯄꯦꯖ { z-ꯏꯟꯗꯦꯛꯁ: ꯹꯹꯹꯹; } .ꯄ꯭ꯂꯦꯟ-ꯄꯦꯖ { z-ꯏꯟꯗꯦꯛꯁ: ꯵; }
ꯃꯊꯛꯇꯥ ꯀꯔꯤ ꯄꯦꯖ ꯂꯩꯕꯒꯦ? ꯃꯁꯤ ꯐꯣꯜꯗꯔ Bꯗꯥ ꯂꯩꯕꯥ .plain-pageꯅꯤ, ꯕ꯭ꯔꯥꯎꯖꯔꯅꯥ ꯑꯉꯥꯡꯒꯤ ꯄꯦꯄꯔꯁꯤꯡ ꯑꯗꯨ ꯏꯒꯅꯣꯔ ꯇꯧꯏ ꯑꯃꯁꯨꯡ ꯐꯣꯜꯗꯔ ꯑꯅꯤ ꯑꯗꯨ ꯑꯍꯥꯅꯕꯗꯥ ꯁ꯭ꯇꯦꯛ ꯇꯧꯏ꯫ ꯃꯁꯤꯅꯥ ꯐꯣꯜꯗꯔ B (z-index: 2) ꯎꯏ ꯑꯃꯁꯨꯡ ꯃꯁꯤ ꯐꯣꯜꯗꯔ A (z-index: 1)ꯒꯤ ꯃꯊꯛꯇꯥ ꯊꯝꯃꯤ ꯃꯔꯃꯗꯤ ꯑꯩꯈꯣꯌꯅꯥ ꯈꯉꯏ ꯃꯗꯨꯗꯤ ꯑꯅꯤ ꯑꯁꯤ ꯑꯃꯗꯒꯤ ꯍꯦꯟꯅꯥ ꯆꯥꯎꯏ꯫ ꯃꯁꯤꯒꯤ ꯃꯅꯨꯡꯗꯥ, z-index: 9999 ꯄꯦꯖꯗꯥ ꯁꯦꯠ ꯇꯧꯔꯕꯥ .special-page ꯑꯁꯤ ꯃꯁꯤꯒꯤ z-index ꯑꯁꯤ ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯋꯥꯡꯕꯥ ꯚꯦꯜꯌꯨꯗꯥ ꯁꯦꯠ ꯇꯧꯔꯕꯁꯨ ꯁ꯭ꯇꯦꯀꯀꯤ ꯃꯈꯥꯗꯥ ꯂꯩ꯫ ꯁ꯭ꯇꯦꯛ ꯇꯧꯕꯥ ꯀꯟꯇꯦꯛꯁꯁꯤꯡ ꯑꯁꯤ ꯅꯦꯁ꯭ꯠ ꯇꯧꯕꯁꯨ ꯌꯥꯏ (ꯐꯣꯜꯗꯔꯁꯤꯡꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯂꯩꯕꯥ ꯐꯣꯜꯗꯔꯁꯤꯡ), “ꯐꯦꯃꯤꯂꯤ ꯇ꯭ꯔꯤ” ꯑꯃꯥ ꯁꯦꯃꯗꯨꯅꯥ꯫ ꯆꯞ ꯃꯥꯟꯅꯕꯥ ꯄ꯭ꯔꯤꯟꯁꯤꯄꯜ ꯑꯁꯤ ꯆꯠꯅꯩ: ꯑꯉꯥꯡ ꯑꯃꯅꯥ ꯃꯃꯥ-ꯃꯄꯥꯒꯤ ꯐꯣꯜꯗꯔꯗꯒꯤ ꯀꯩꯗꯧꯉꯩꯗꯥ ꯂꯥꯄꯊꯣꯀꯄꯥ ꯉꯝꯂꯣꯏ꯫ ꯍꯧꯖꯤꯛꯇꯤ ꯅꯍꯥꯛꯅꯥ ꯁ꯭ꯇꯦꯀꯤꯡ ꯀꯟꯇꯦꯛꯁꯁꯤꯡꯅꯥ ꯃꯇꯧ ꯀꯔꯝꯅꯥ ꯂꯦꯌꯔꯁꯤꯡ ꯒ꯭ꯔꯨꯞ ꯇꯧꯕꯥ ꯑꯃꯁꯨꯡ ꯔꯤꯑꯣꯔꯗꯔ ꯇꯧꯕꯥ ꯐꯣꯜꯗꯔꯁꯤꯡꯒꯨꯝꯅꯥ ꯂꯃꯆꯠ ꯁꯥꯖꯠ ꯆꯠꯂꯤꯕꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯈꯉꯂꯦ, ꯃꯁꯤ ꯍꯪꯅꯤꯡꯉꯥꯏ ꯑꯣꯏꯔꯤ: ꯀꯔꯤꯒꯤꯗꯃꯛꯇꯥ ꯑꯀꯛꯅꯕꯥ ꯄ꯭ꯔꯣꯄꯔꯇꯤꯁꯤꯡ — ꯇ꯭ꯔꯥꯟꯁꯐꯣꯔꯝ ꯑꯃꯁꯨꯡ ꯑꯣꯄꯦꯁꯤꯇꯤꯒꯨꯝꯕꯥ — ꯑꯅꯧꯕꯥ ꯁ꯭ꯇꯦꯀꯤꯡ ꯀꯟꯇꯦꯛꯁꯁꯤꯡ ꯁꯦꯃꯒꯠꯂꯤꯕꯅꯣ? ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯋꯥꯐꯝ ꯑꯁꯤ ꯂꯩꯔꯤ: ꯄ꯭ꯔꯣꯄꯔꯇꯤꯁꯤꯡ ꯑꯁꯤꯅꯥ ꯃꯈꯣꯌ ꯑꯁꯤ ꯀꯔꯝꯅꯥ ꯎꯕꯒꯦ ꯍꯥꯌꯕꯗꯨꯅꯥ ꯃꯔꯝ ꯑꯣꯏꯗꯨꯅꯥ ꯁ꯭ꯇꯦꯛ ꯇꯧꯕꯥ ꯀꯟꯇꯦꯛꯁꯁꯤꯡ ꯁꯦꯃꯒꯠꯄꯥ ꯉꯃꯗꯦ; ꯃꯈꯣꯌꯅꯥ ꯃꯁꯤ ꯇꯧꯔꯤꯕꯁꯤ ꯕ꯭ꯔꯥꯎꯖꯔꯅꯥ ꯍꯨꯗꯀꯤ ꯃꯈꯥꯗꯥ ꯀꯔꯝꯅꯥ ꯊꯕꯛ ꯇꯧꯕꯒꯦ ꯍꯥꯌꯕꯗꯨꯅꯤ꯫ ꯅꯍꯥꯛꯅꯥ ꯇ꯭ꯔꯥꯟꯁꯐꯣꯔꯝ, ꯑꯣꯄꯦꯁꯤꯇꯤ, ꯐꯤꯜꯇꯔ ꯅꯠꯠꯔꯒꯥ ꯄꯔꯁ꯭ꯄꯦꯛꯇꯤꯚ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ, ꯅꯍꯥꯛꯅꯥ ꯕ꯭ꯔꯥꯎꯖꯔꯗꯥ ꯍꯥꯌꯔꯤꯕꯁꯤꯅꯤ, “ꯍꯦ, ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯁꯤ ꯆꯠꯊꯣꯛ-ꯆꯠꯁꯤꯟ ꯇꯧꯕꯥ, ꯔꯣꯇꯦꯠ ꯇꯧꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯂꯣꯏꯁꯤꯅꯕꯥ ꯌꯥꯏ, ꯃꯔꯝ ꯑꯗꯨꯅꯥ ꯁꯦꯝ ꯁꯥꯗꯨꯅꯥ ꯂꯩꯌꯨ!”
ꯅꯍꯥꯛꯅꯥ ꯄ꯭ꯔꯣꯄꯔꯇꯤꯁꯤꯡ ꯑꯁꯤ ꯁꯤꯖꯤꯟꯅꯔꯀꯄꯥ ꯃꯇꯃꯗꯥ, ꯕ꯭ꯔꯥꯎꯖꯔꯅꯥ ꯔꯦꯟꯗꯔ ꯇꯧꯕꯥ ꯍꯦꯟꯅꯥ ꯏꯐꯤꯁꯤꯑꯦꯟꯇ ꯑꯣꯏꯅꯥ ꯃꯦꯅꯦꯖ ꯇꯧꯅꯕꯥ ꯑꯅꯧꯕꯥ ꯁ꯭ꯇꯦꯀꯤꯡ ꯀꯟꯇꯦꯛꯁ ꯑꯃꯥ ꯁꯦꯝꯃꯤ꯫ ꯃꯁꯤꯅꯥ ꯕ꯭ꯔꯥꯎꯖꯔꯗꯥ ꯑꯦꯅꯤꯃꯦꯁꯅꯁꯤꯡ, ꯇ꯭ꯔꯥꯟꯁꯐꯣꯔꯃꯁꯤꯡ, ꯑꯃꯁꯨꯡ ꯚꯤꯖꯨꯑꯦꯜ ꯏꯐꯦꯛꯇꯁꯤꯡ ꯃꯁꯥ ꯃꯊꯟꯇꯥ ꯍꯦꯟꯗꯜ ꯇꯧꯕꯥ ꯌꯥꯍꯜꯂꯤ, ꯃꯁꯤꯅꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯑꯁꯤꯅꯥ ꯄꯦꯖ ꯑꯁꯤꯒꯤ ꯑꯇꯣꯞꯄꯥ ꯁꯔꯨꯀꯁꯤꯡꯒꯥ ꯀꯔꯝꯅꯥ ꯏꯟꯇꯔꯦꯛꯇ ꯇꯧꯕꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯂꯦꯄꯊꯣꯀꯄꯒꯤ ꯃꯊꯧ ꯇꯥꯕꯥ ꯍꯟꯊꯍꯜꯂꯤ꯫ ꯃꯁꯤ ꯕ꯭ꯔꯥꯎꯖꯔꯅꯥ ꯍꯥꯌꯕꯒꯨꯝꯅꯥ ꯈꯅꯕꯤꯌꯨ, “ꯑꯩꯅꯥ ꯐꯣꯜꯗꯔ ꯑꯁꯤ ꯇꯣꯉꯥꯟꯅꯥ ꯍꯦꯟꯗꯜ ꯇꯧꯒꯅꯤ ꯃꯔꯝ ꯑꯗꯨꯅꯥ ꯃꯅꯨꯡꯗꯥ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯃꯥ ꯍꯣꯡꯂꯀꯄꯥ ꯈꯨꯗꯤꯡꯗꯥ ꯑꯩꯅꯥ ꯗꯦꯁ꯭ꯛ ꯄꯨꯝꯕꯥ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯁꯦꯃꯗꯣꯀꯄꯥ ꯃꯊꯧ ꯇꯥꯗꯦ꯫” ꯑꯗꯨꯕꯨ ꯂꯩꯔꯤ꯫ꯁꯥꯏꯗ ꯏꯐꯦꯛꯇ ꯑꯃꯥ꯫ ꯕ꯭ꯔꯥꯎꯖꯔꯅꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯃꯁꯥꯒꯤ ꯂꯦꯌꯔꯗꯥ ꯂꯧꯊꯣꯛꯂꯕꯥ ꯃꯇꯨꯡꯗꯥ, ꯃꯗꯨꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯂꯩꯕꯥ ꯄꯨꯝꯅꯃꯛ “ꯐ꯭ꯂꯦꯠ” ꯇꯧꯒꯗꯕꯅꯤ, ꯃꯁꯤꯅꯥ ꯑꯅꯧꯕꯥ ꯁ꯭ꯇꯦꯀꯤꯡ ꯀꯟꯇꯦꯛꯁ ꯑꯃꯥ ꯁꯦꯃꯒꯗꯕꯅꯤ꯫ ꯃꯁꯤ ꯇꯣꯉꯥꯟꯅꯥ ꯍꯦꯟꯗꯜ ꯇꯧꯅꯕꯥ ꯐꯣꯜꯗꯔ ꯑꯃꯥ ꯗꯦꯁ꯭ꯀꯇꯒꯤ ꯂꯧꯊꯣꯀꯄꯒꯥ ꯃꯥꯟꯅꯩ; ꯐꯣꯜꯗꯔ ꯑꯗꯨꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯂꯩꯕꯥ ꯄꯨꯝꯅꯃꯛ ꯒ꯭ꯔꯨꯞ ꯇꯧꯏ, ꯑꯃꯁꯨꯡ ꯍꯧꯖꯤꯛꯇꯤ ꯕ꯭ꯔꯥꯎꯖꯔꯅꯥ ꯃꯁꯤꯕꯨ ꯀꯔꯤꯒꯤ ꯃꯊꯛꯇꯥ ꯐꯝꯂꯤꯕꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯂꯦꯄꯊꯣꯀꯄꯥ ꯃꯇꯃꯗꯥ ꯌꯨꯅꯤꯠ ꯑꯃꯈꯛꯇꯃꯛ ꯑꯣꯏꯅꯥ ꯂꯧꯏ꯫ ꯑꯗꯨꯅꯥ ꯇ꯭ꯔꯥꯟꯁꯐꯣꯔꯝ ꯑꯃꯁꯨꯡ ꯑꯣꯄꯦꯁꯤꯇꯤ ꯄ꯭ꯔꯣꯄꯔꯇꯤꯁꯤꯡ ꯑꯁꯤꯅꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯅꯥ ꯚꯤꯖꯨꯑꯦꯜ ꯑꯣꯏꯅꯥ ꯁ꯭ꯇꯦꯛ ꯇꯧꯕꯒꯤ ꯃꯑꯣꯡꯗꯥ ꯁꯣꯀꯍꯅꯕꯥ ꯉꯃꯗꯕꯥ ꯎꯕꯥ ꯐꯪꯂꯕꯁꯨ, ꯃꯈꯣꯌꯅꯥ ꯇꯧꯏ, ꯑꯃꯁꯨꯡ ꯃꯁꯤ ꯄꯔꯐꯣꯃꯦꯟꯁ ꯑꯣꯞꯇꯤꯃꯥꯏꯖꯦꯁꯅꯒꯤꯗꯃꯛꯇꯅꯤ꯫ ꯑꯇꯣꯞꯄꯥ CSS ꯄ꯭ꯔꯣꯄꯔꯇꯤ ꯀꯌꯥ ꯑꯃꯁꯨ ꯃꯥꯟꯅꯕꯥ ꯃꯔꯃꯁꯤꯡꯅꯥ ꯁ꯭ꯇꯦꯛ ꯇꯧꯕꯥ ꯀꯟꯇꯦꯛꯁꯁꯤꯡ ꯁꯦꯝꯕꯥ ꯌꯥꯏ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯍꯦꯟꯅꯥ ꯂꯨꯝꯅꯥ ꯂꯧꯕꯥ ꯄꯥꯝꯂꯕꯗꯤ MDNꯅꯥ ꯃꯄꯨꯡꯐꯥꯕꯥ ꯂꯤꯁ꯭ꯠ ꯑꯃꯥ ꯄꯤꯔꯤ꯫ ꯌꯥꯝꯅꯥ ꯈꯔꯗꯤ ꯂꯩ, ꯃꯁꯤꯅꯥ ꯈꯉꯗꯅꯥ ꯃꯤꯠꯌꯦꯡ ꯊꯃꯗꯅꯥ ꯁ꯭ꯇꯦꯛ ꯇꯧꯕꯥ ꯀꯟꯇꯦꯛꯁ ꯑꯃꯥ ꯁꯦꯝꯕꯥ ꯑꯁꯤ ꯀꯌꯥꯗꯥ ꯂꯥꯏꯕꯅꯣ ꯍꯥꯌꯕꯗꯨ ꯈꯛꯇꯥ ꯎꯠꯂꯤ꯫ “ꯑꯅꯁ꯭ꯇꯦꯀꯤꯡ” ꯄ꯭ꯔꯣꯕ꯭ꯂꯦꯝ ꯑꯁꯤ꯫ ꯁ꯭ꯇꯦꯛ ꯇꯧꯕꯒꯤ ꯏꯁꯨꯁꯤꯡ ꯑꯁꯤ ꯃꯔꯝ ꯀꯌꯥꯗꯒꯤ ꯂꯥꯀꯄꯥ ꯌꯥꯏ, ꯑꯗꯨꯕꯨ ꯈꯔꯗꯤ ꯑꯇꯩꯗꯒꯤ ꯍꯦꯟꯅꯥ ꯀꯃꯟ ꯑꯣꯏ꯫ ꯃꯣꯗꯜ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡ ꯑꯁꯤ ꯀ꯭ꯂꯥꯁꯤꯛ ꯄꯦꯇꯔꯟ ꯑꯃꯅꯤ ꯃꯔꯃꯗꯤ ꯃꯈꯣꯌꯅꯥ ꯀꯝꯄꯣꯅꯦꯟꯇ ꯑꯗꯨ ꯑꯇꯣꯞꯄꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯄꯨꯝꯅꯃꯛꯀꯤ ꯃꯊꯛꯇꯥ ꯃꯊꯛꯀꯤ ꯂꯦꯌꯔ ꯑꯃꯗꯥ “ꯍꯥꯡꯗꯣꯛꯅꯕꯥ” ꯇꯣꯒꯜ ꯇꯧꯕꯥ ꯃꯊꯧ ꯇꯥꯏ, ꯃꯗꯨꯒꯤ ꯃꯇꯨꯡꯗꯥ ꯃꯗꯨ “ꯀ꯭ꯂꯣꯖ” ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯃꯊꯛꯀꯤ ꯂꯦꯌꯔ ꯑꯗꯨꯗꯒꯤ ꯂꯧꯊꯣꯀꯄꯥ ꯃꯊꯧ ꯇꯥꯏ꯫ ꯑꯩꯍꯥꯛꯅꯥ ꯌꯥꯝꯅꯥ ꯊꯥꯖꯩ ꯃꯗꯨꯗꯤ ꯑꯩꯈꯣꯌ ꯄꯨꯝꯅꯃꯛ ꯃꯣꯗꯜ ꯑꯃꯥ ꯍꯥꯡꯗꯣꯀꯄꯥ ꯐꯤꯚꯝ ꯑꯃꯗꯥ ꯂꯥꯀꯈ꯭ꯔꯦ ꯑꯃꯁꯨꯡ ꯃꯔꯝ ꯑꯃꯠꯇꯗꯥ ꯃꯁꯤ ꯎꯕꯥ ꯐꯪꯗꯦ꯫ ꯃꯁꯤ ꯃꯑꯣꯡ ꯆꯨꯝꯅꯥ ꯍꯥꯡꯗꯣꯀꯈꯤꯗꯕꯥ ꯅꯠꯇꯦ, ꯑꯗꯨꯕꯨ ꯃꯁꯤ ꯁ꯭ꯇꯦꯛ ꯇꯧꯕꯒꯤ ꯀꯟꯇꯦꯛꯁꯀꯤ ꯂꯣꯌꯔꯕꯥ ꯂꯦꯌꯔ ꯑꯃꯗꯥ ꯃꯤꯠꯌꯦꯡꯗꯒꯤ ꯂꯥꯞꯅꯥ ꯂꯩꯕꯅꯤ꯫ ꯃꯁꯤꯅꯥ ꯅꯍꯥꯀꯄꯨ “ꯀꯔꯤꯒꯨꯝꯕꯥ ꯃꯇꯃꯗꯥ?” ꯅꯍꯥꯛꯅꯥ ꯁꯦꯠ ꯇꯧꯔꯀꯄꯗꯒꯤ:
.ꯑꯣꯚꯔꯂꯦꯏ { . ꯄꯣꯖꯤꯁꯟ: ꯐꯤꯛꯁ ꯇꯧꯔꯕꯥ; /* ꯁ꯭ꯇꯦꯀꯤꯡ ꯀꯟꯇꯦꯛꯁ ꯁꯦꯝꯃꯤ */ ꯖꯤ-ꯏꯟꯗꯦꯛꯁ: ꯱; /* ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯑꯇꯣꯞꯄꯥ ꯄꯨꯝꯅꯃꯛꯀꯤ ꯃꯊꯛꯇꯥ ꯂꯦꯌꯔ ꯑꯃꯗꯥ ꯊꯝꯃꯤ */ ꯏꯅꯁꯦꯠ ꯇꯧꯕꯥ: ꯰; ꯄꯥꯛ ꯆꯥꯎꯕꯥ: ꯱꯰꯰%; ꯑꯋꯥꯡꯕꯥ: ꯱꯰꯰ꯚꯤ.ꯑꯩꯆ.; ꯑꯣꯚꯔꯐ꯭ꯂꯣ: ꯂꯣꯠꯁꯤꯜꯂꯕꯥ; ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ-ꯀꯂꯔ: #00000080; }
ꯃꯁꯤ ꯑꯆꯨꯝꯕꯥ ꯑꯣꯏꯅꯥ ꯎꯕꯥ ꯐꯪꯏ, ꯑꯗꯨꯕꯨ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯃꯣꯗꯜ ꯇ꯭ꯔꯤꯒꯔ ꯌꯥꯑꯣꯕꯥ ꯄꯦꯔꯦꯟꯇ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯑꯇꯣꯞꯄꯥ ꯄꯦꯔꯦꯟꯇ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯂꯩꯕꯥ ꯆꯥꯏꯜꯗ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯑꯣꯏꯔꯕꯗꯤ ꯃꯗꯨꯁꯨ z-ꯏꯟꯗꯦꯛꯁꯇꯥ ꯁꯦꯠ ꯇꯧꯏ: 1, ꯃꯁꯤꯅꯥ ꯇꯦꯛꯅꯤꯀꯦꯜ ꯑꯣꯏꯅꯥ ꯃꯣꯗꯜ ꯑꯗꯨ ꯃꯦꯟ ꯐꯣꯜꯗꯔ ꯑꯗꯨꯅꯥ ꯑꯣꯕꯁ꯭ꯛꯌꯨꯔ ꯇꯧꯕꯥ ꯁꯕꯂꯦꯌꯔ ꯑꯃꯗꯥ ꯊꯝꯃꯤ꯫ ꯑꯗꯨꯒꯨꯝꯕꯥ ꯑꯀꯛꯅꯕꯥ ꯁꯤꯅꯥꯔꯤꯑꯣ ꯑꯗꯨ ꯑꯃꯁꯨꯡ ꯑꯇꯣꯞꯄꯥ ꯀꯃꯟ ꯑꯣꯏꯕꯥ ꯁ꯭ꯇꯦꯀꯤꯡ-ꯀꯟꯇꯦꯛꯇꯀꯤ ꯐꯤꯠꯅꯦꯁ ꯃꯔꯤ ꯌꯦꯡꯁꯤ꯫ ꯑꯩꯅꯥ ꯈꯜꯂꯤ ꯃꯗꯨꯗꯤ ꯑꯗꯣꯝꯅꯥ ꯈꯉꯍꯧꯗꯅꯥ ꯁ꯭ꯇꯦꯛ ꯇꯧꯕꯥ ꯀꯟꯇꯦꯛꯁꯁꯤꯡ ꯁꯦꯝꯕꯥ ꯑꯁꯤ ꯀꯌꯥꯗꯥ ꯂꯥꯏꯕꯛ ꯐꯕꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯈꯛꯇꯥ ꯅꯠꯇꯅꯥ ꯃꯈꯣꯌꯕꯨ ꯀꯔꯝꯅꯥ ꯂꯥꯟꯅꯥ ꯃꯦꯅꯦꯖ ꯇꯧꯕꯒꯦ ꯍꯥꯌꯕꯗꯨꯁꯨ ꯎꯕꯥ ꯐꯪꯒꯅꯤ꯫ ꯃꯁꯤꯗꯁꯨ ꯅꯠꯇꯅꯥ, ꯅꯍꯥꯛꯅꯥ ꯃꯦꯅꯦꯖ ꯇꯧꯔꯕꯥ ꯁ꯭ꯇꯦꯠ ꯑꯃꯗꯥ ꯀꯔꯝꯅꯥ ꯍꯜꯂꯛꯀꯅꯤ ꯍꯥꯌꯕꯁꯤ ꯐꯤꯚꯝ ꯑꯗꯨꯒꯤ ꯃꯈꯥ ꯄꯣꯜꯂꯤ꯫ ꯁꯤꯅꯥꯔꯤꯑꯣ ꯱: ꯇ꯭ꯔꯦꯞ ꯇꯧꯔꯕꯥ ꯃꯣꯗꯜ꯫
ꯅꯍꯥꯛꯅꯥ ꯈꯨꯗꯛꯇꯥ ꯅꯍꯥꯛꯀꯤ ꯃꯣꯗꯜ ꯑꯗꯨ ꯂꯣ-ꯂꯦꯚꯦꯜ ꯂꯦꯌꯔ ꯑꯃꯗꯥ ꯊꯨꯒꯥꯏꯕꯥ ꯎꯕꯥ ꯐꯪꯒꯅꯤ ꯑꯃꯁꯨꯡ ꯃꯃꯥ-ꯃꯄꯥ ꯑꯗꯨ ꯈꯪꯗꯣꯀꯄꯥ ꯉꯃꯒꯅꯤ꯫ ꯕ꯭ꯔꯥꯎꯖꯔ ꯑꯦꯛꯁꯇꯦꯟꯁꯅꯁꯤꯡ꯫ ꯁ꯭ꯃꯥꯔꯠ ꯗꯤꯕꯦꯂꯄꯔꯁꯤꯡꯅꯥ ꯃꯇꯦꯡ ꯄꯥꯡꯅꯕꯥ ꯑꯦꯛꯁꯇꯦꯟꯁꯅꯁꯤꯡ ꯁꯦꯃꯈ꯭ꯔꯦ꯫ “CSS ꯁ꯭ꯇꯦꯀꯤꯡ ꯀꯟꯇꯦꯛꯁ ꯏꯟꯁꯄꯦꯛꯇꯔ” ꯀ꯭ꯔꯣꯝ ꯑꯦꯛꯁꯇꯦꯟꯁꯟ ꯑꯁꯤꯒꯨꯝꯕꯥ ꯇꯨꯂꯁꯤꯡ ꯑꯁꯤꯅꯥ ꯅꯍꯥꯛꯀꯤ DevTools ꯗꯥ ꯑꯍꯦꯅꯕꯥ z-ꯏꯟꯗꯦꯛꯁ ꯇꯦꯕ ꯑꯃꯥ ꯍꯥꯄꯆꯤꯜꯂꯤ ꯃꯗꯨꯅꯥ ꯅꯍꯥꯀꯄꯨ ꯁ꯭ꯇꯦꯀꯤꯡ ꯀꯟꯇꯦꯛꯁ ꯑꯃꯥ ꯁꯦꯝꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯏꯅꯐꯣꯔꯃꯦꯁꯟ ꯎꯠꯀꯅꯤ꯫
ꯑꯥꯏ.ꯗꯤ.ꯏ.ꯒꯤ ꯑꯦꯛꯁꯇꯦꯟꯁꯅꯁꯤꯡ꯫ ꯅꯍꯥꯛꯅꯥ VS ꯀꯣꯗꯀꯤꯗꯃꯛꯇꯥ ꯑꯁꯤꯒꯨꯝꯕꯥ ꯑꯦꯛꯁꯇꯦꯟꯁꯟ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯗꯤꯚꯦꯂꯄꯃꯦꯟꯇꯀꯤ ꯃꯇꯃꯗꯥ ꯏꯁꯨꯁꯤꯡ ꯐꯥꯎꯕꯥ ꯈꯪꯗꯣꯀꯄꯥ ꯌꯥꯏ, ꯃꯁꯤꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯑꯦꯗꯤꯇꯔꯗꯥ ꯍꯀꯊꯦꯡꯅꯅꯥ ꯄꯣꯇꯦꯟꯁꯤꯑꯦꯜ ꯁ꯭ꯇꯦꯀꯤꯡ ꯀꯟꯇꯦꯛꯁ ꯏꯁꯨꯁꯤꯡ ꯍꯥꯏꯂꯥꯏꯠ ꯇꯧꯏ꯫
ꯑꯅꯁ꯭ꯇꯦꯛ ꯇꯧꯕꯥ ꯑꯃꯁꯨꯡ ꯀꯟꯠꯔꯣꯜ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯂꯧꯕꯥ꯫ ꯑꯩꯈꯣꯌꯅꯥ ꯃꯔꯨ ꯑꯣꯏꯕꯥ ꯃꯔꯝ ꯑꯗꯨ ꯈꯉꯗꯣꯛꯂꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯃꯊꯪꯒꯤ ꯈꯣꯡꯊꯥꯡꯗꯤ ꯃꯁꯤꯕꯨ ꯊꯦꯡꯅꯕꯅꯤ꯫ ꯄ꯭ꯔꯣꯕ꯭ꯂꯦꯝ ꯑꯁꯤ ꯊꯦꯡꯅꯅꯕꯥ ꯑꯗꯣꯝꯅꯥ ꯂꯧꯈꯠꯄꯥ ꯌꯥꯕꯥ ꯑꯦꯞꯔꯣꯆ ꯀꯌꯥ ꯑꯃꯥ ꯂꯩꯔꯤ, ꯑꯃꯁꯨꯡ ꯃꯈꯣꯌꯁꯤꯡ ꯑꯗꯨ ꯑꯩꯍꯥꯛꯅꯥ ꯑꯣꯔꯗꯔꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯂꯤꯁ꯭ꯠ ꯇꯧꯒꯅꯤ꯫ ꯑꯗꯣꯝꯅꯥ ꯊꯥꯛ ꯑꯃꯍꯦꯛꯇꯗꯥ ꯀꯅꯥꯒꯨꯝꯕꯥ ꯑꯃꯕꯨ ꯈꯅꯕꯤꯕꯥ ꯌꯥꯏ, ꯑꯗꯨꯕꯨ; ꯀꯅꯥꯒꯨꯝꯕꯥ ꯑꯃꯠꯇꯅꯥ ꯑꯇꯣꯞꯄꯥ ꯑꯃꯕꯨ ꯋꯥꯀꯠꯄꯥ ꯅꯠꯔꯒꯥ ꯑꯀꯥꯌꯕꯥ ꯄꯤꯕꯥ ꯉꯃꯗꯦ꯫ HTML ꯁ꯭ꯠꯔꯀꯆꯔ ꯍꯣꯡꯗꯣꯀꯄꯥ꯫ ꯃꯁꯤ ꯑꯣꯞꯇꯤꯃꯦꯜ ꯐꯤꯛꯁ ꯍꯥꯌꯅꯥ ꯂꯧꯅꯩ꯫ ꯅꯍꯥꯛꯅꯥ ꯁ꯭ꯇꯦꯛ ꯇꯧꯕꯥ ꯀꯟꯇꯦꯛꯁ ꯏꯁꯨ ꯑꯃꯗꯥ ꯆꯠꯅꯕꯒꯤꯗꯃꯛ, ꯅꯍꯥꯛꯅꯥ ꯅꯍꯥꯛꯀꯤ HTMLꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯅꯨꯡꯉꯥꯏꯕꯥ ꯄꯣꯖꯤꯁꯅꯁꯤꯡꯗꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯈꯔꯗꯤ ꯊꯃꯒꯗꯕꯅꯤ꯫ ꯄꯦꯖ ꯑꯗꯨ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯁꯦꯃꯗꯣꯀꯄꯅꯥ ꯅꯍꯥꯀꯄꯨ DOM ꯑꯗꯨ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯁꯦꯃꯗꯣꯀꯄꯗꯥ ꯃꯇꯦꯡ ꯄꯥꯡꯒꯅꯤ ꯑꯃꯁꯨꯡ ꯁ꯭ꯇꯦꯀꯤꯡ ꯀꯟꯇꯦꯛꯁ ꯄ꯭ꯔꯣꯕ꯭ꯂꯦꯝ ꯑꯗꯨ ꯂꯧꯊꯣꯛꯀꯅꯤ꯫ ꯄ꯭ꯔꯣꯕ꯭ꯂꯦꯝ ꯂꯩꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯊꯤꯌꯨ ꯑꯃꯁꯨꯡ HTML ꯃꯥꯔꯀꯑꯄꯇꯥ ꯂꯩꯕꯥ ꯇ꯭ꯔꯦꯄꯤꯡ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯗꯒꯤ ꯂꯧꯊꯣꯀꯎ꯫ ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, ꯑꯩꯈꯣꯌꯅꯥ ꯑꯍꯥꯅꯕꯥ ꯁꯤꯅꯥꯔꯤꯑꯣ, “The Trapped Modal,” ꯑꯁꯤ .modal-container ꯑꯁꯤ ꯍꯦꯗꯇꯒꯤ ꯂꯧꯊꯣꯛꯇꯨꯅꯥ ꯃꯁꯥ ꯃꯊꯟꯇꯥ
ꯑꯦꯂꯤꯃꯦꯟꯇꯇꯥ ꯊꯃꯗꯨꯅꯥ ꯁꯣꯜꯕ ꯇꯧꯕꯥ ꯌꯥꯏ꯫<ꯍꯦꯗꯔ ꯀ꯭ꯂꯥꯁ="ꯍꯦꯗꯔ">
ꯍꯦꯗꯔ
ꯒꯤ ꯃꯇꯥꯡꯗꯥ꯫ ꯗꯥ ꯊꯥꯕꯤꯔꯀꯎ꯫ <ꯃꯦꯟ ꯀ꯭ꯂꯥꯁ="ꯀꯟꯇꯦꯟꯇ">ꯃꯔꯨ ꯑꯣꯏꯕꯥ ꯀꯟꯇꯦꯟꯇ
ꯀꯟꯇꯦꯟꯇ ꯑꯁꯤꯒꯤ z-ꯏꯟꯗꯦꯛꯁ ꯑꯁꯤ ꯲ꯅꯤ ꯑꯃꯁꯨꯡ ꯍꯧꯖꯤꯀꯁꯨ ꯃꯣꯗꯜ ꯑꯁꯤ ꯀꯣꯅꯁꯤꯅꯔꯣꯏ꯫
ꯗꯥ ꯐꯣꯉꯗꯣꯛꯂꯤ꯫
ꯃꯣꯗꯜ ꯇꯥꯏꯇꯜ
ꯒꯤ ꯃꯇꯥꯡꯗꯥ꯫ꯍꯧꯖꯤꯛ, ꯑꯩꯍꯥꯛ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯃꯠꯇꯥ ꯇꯨꯡꯗꯥ ꯂꯩꯇꯦ꯫ ꯗꯤ.ꯑꯣ.ꯑꯦꯝ.ꯒꯤ ꯔꯤꯁ꯭ꯠꯔꯀꯆꯔꯒꯤ ꯃꯍꯩ ꯑꯣꯏꯅꯥ ꯑꯩꯍꯥꯛꯅꯥ ꯍꯦꯟꯅꯥ ꯐꯕꯥ ꯄꯣꯖꯤꯁꯟ ꯑꯃꯥ ꯐꯪꯂꯦ꯫
ꯅꯍꯥꯛꯅꯥ “ꯑꯣꯄꯟ ꯃꯣꯗꯜ” ꯕꯇꯟ ꯑꯗꯨ ꯀ꯭ꯂꯤꯛ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ, ꯃꯣꯗꯜ ꯑꯗꯨ ꯑꯇꯣꯞꯄꯥ ꯄꯨꯝꯅꯃꯛꯀꯤ ꯃꯃꯥꯡꯗꯥ ꯂꯩꯒꯗꯕꯥ ꯃꯑꯣꯡꯗꯥ ꯊꯝꯃꯤ꯫ ꯄꯦꯟ ꯁꯤꯅꯥꯔꯤꯑꯣ ꯱: ꯁꯣꯌꯣꯝꯕꯣ ꯒꯦꯕ꯭ꯔꯤꯌꯦꯜ ꯑꯌꯣꯃꯥꯏꯗꯅꯥ ꯏꯕꯥ ꯇ꯭ꯔꯦꯞ ꯇꯧꯔꯕꯥ ꯃꯣꯗꯜ (ꯁꯣꯂꯨꯁꯟ) [ꯐꯣꯔꯛ ꯇꯧꯕꯥ] ꯌꯦꯡꯕꯤꯌꯨ꯫ ꯑꯦꯗꯖꯁ꯭ꯠ ꯇꯧꯕꯥ ꯌꯥꯕꯥ꯫ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯇꯥ ꯄꯦꯔꯦꯟꯇ ꯁ꯭ꯇꯦꯛ ꯇꯧꯕꯥ ꯀꯟꯇꯦꯛꯁ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯏꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯂꯦꯑꯥꯎꯠ ꯑꯗꯨ ꯊꯨꯒꯥꯏꯗꯅꯥ ꯅꯍꯥꯛꯅꯥ ꯆꯠꯄꯥ ꯉꯃꯗꯕꯥ ꯑꯣꯏꯔꯕꯗꯤ ꯀꯔꯤ ꯇꯧꯒꯅꯤ? ꯏꯁꯨ ꯑꯗꯨ ꯊꯦꯡꯅꯕꯅꯥ ꯍꯦꯟꯅꯥ ꯐꯩ: ꯃꯃꯥ-ꯃꯄꯥ ꯑꯗꯨꯅꯥ ꯀꯟꯇꯦꯛꯁ ꯑꯗꯨ ꯁꯦꯃꯒꯠꯂꯤ꯫ ꯀꯟꯇꯦꯛꯁ ꯑꯗꯨ ꯇ꯭ꯔꯤꯒꯔ ꯇꯧꯕꯒꯤ ꯗꯥꯌꯠꯕ ꯂꯧꯔꯤꯕꯥ CSS ꯄ꯭ꯔꯣꯄꯔꯇꯤ (ꯅꯠꯠꯔꯒꯥ ꯄ꯭ꯔꯣꯄꯔꯇꯤꯁꯤꯡ) ꯑꯗꯨ ꯈꯪꯗꯣꯀꯎ ꯑꯃꯁꯨꯡ ꯃꯗꯨ ꯂꯧꯊꯣꯀꯎ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯃꯁꯤꯒꯤ ꯄꯥꯟꯗꯝ ꯑꯃꯥ ꯂꯩꯔꯕꯗꯤ ꯑꯃꯁꯨꯡ ꯂꯧꯊꯣꯀꯄꯥ ꯉꯃꯗ꯭ꯔꯕꯗꯤ, ꯀꯟꯇꯦꯅꯔ ꯄꯨꯝꯅꯃꯛ ꯂꯧꯊꯣꯛꯅꯕꯥ ꯃꯃꯥ-ꯃꯄꯥ ꯑꯗꯨꯗꯥ ꯃꯁꯤꯒꯤ ꯃꯔꯨꯞ ꯑꯣꯏꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯗꯒꯤ ꯍꯦꯟꯅꯥ ꯋꯥꯡꯕꯥ z-ꯏꯟꯗꯦꯛꯁ ꯚꯦꯜꯌꯨ ꯑꯃꯥ ꯄꯤꯌꯨ꯫ ꯍꯦꯟꯅꯥ ꯋꯥꯡꯕꯥ z-ꯏꯟꯗꯦꯛꯁ ꯚꯦꯜꯌꯨ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ, ꯃꯃꯥ-ꯃꯄꯥꯒꯤ ꯀꯟꯇꯦꯅꯔ ꯑꯗꯨ ꯃꯊꯛꯇꯥ ꯆꯪꯏ, ꯑꯃꯁꯨꯡ ꯃꯁꯤꯒꯤ ꯃꯆꯥꯁꯤꯡ ꯑꯗꯨ ꯌꯨꯖꯔꯒꯥ ꯍꯦꯟꯅꯥ ꯅꯛꯅꯥ ꯎꯕꯥ ꯐꯪꯏ꯫ “The Submerged Dropdown” ꯁꯤꯅꯥꯔꯤꯑꯣꯗꯥ ꯑꯩꯈꯣꯌꯅꯥ ꯇꯃꯈꯤꯕꯁꯤꯡ ꯑꯗꯨꯗꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯔꯒꯥ, ꯑꯩꯈꯣꯌꯅꯥ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯑꯗꯨ ꯅꯦꯚꯕꯥꯔꯗꯒꯤ ꯂꯧꯊꯣꯀꯄꯥ ꯉꯃꯗꯦ; ꯃꯁꯤꯒꯤ ꯋꯥꯍꯟꯊꯣꯛ ꯂꯩꯔꯃꯂꯣꯏ꯫ ꯑꯗꯨꯝ ꯑꯣꯏꯅꯃꯛ, ꯑꯩꯈꯣꯌꯅꯥ .navbar ꯀꯟꯇꯦꯅꯔꯒꯤ z-index ꯚꯦꯜꯌꯨ ꯑꯁꯤ .content ꯑꯦꯂꯤꯃꯦꯟꯇꯀꯤ z-index ꯚꯦꯜꯌꯨꯗꯒꯤ ꯍꯦꯟꯅꯥ ꯍꯦꯅꯒꯠꯍꯅꯕꯥ ꯌꯥꯏ꯫ .ꯅꯥꯚꯕꯥꯔ { . ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ: #꯳꯳꯳; /* z-ꯏꯟꯗꯦꯛꯁ: ꯱; */ ꯖꯦꯗ-ꯏꯟꯗꯦꯛꯁ: ꯳; ꯄꯣꯖꯤꯁꯟ: ꯃꯔꯤ ꯂꯩꯅꯕꯥ; }
ꯑꯍꯣꯡꯕꯥ ꯑꯁꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯍꯧꯖꯤꯛꯇꯤ .ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ-ꯃꯦꯅꯨ ꯑꯁꯤ ꯏꯁꯨ ꯑꯃꯠꯇꯥ ꯌꯥꯑꯣꯗꯅꯥ ꯀꯟꯇꯦꯟꯇꯀꯤ ꯃꯃꯥꯡꯗꯥ ꯊꯣꯔꯛꯂꯦ꯫ ꯁꯣꯌꯣꯝꯕꯣ ꯒꯦꯕ꯭ꯔꯤꯌꯦꯜ ꯑꯌꯣꯃꯥꯏꯗꯅꯥ ꯏꯕꯥ ꯄꯦꯟ ꯁꯤꯅꯥꯔꯤꯑꯣ ꯲: ꯗꯤ ꯁꯕꯃꯔꯖ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ (ꯁꯣꯜꯌꯨꯁꯟ) [ꯐꯣꯔꯛ ꯇꯧꯕꯥ] ꯌꯦꯡꯕꯤꯌꯨ꯫ ꯄꯣꯔꯇꯦꯂꯁꯤꯡ ꯍꯣꯠꯅꯧ, ꯀꯔꯤꯒꯨꯝꯕꯥ ꯐ꯭ꯔꯦꯃꯋꯥꯔꯛ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯔꯕꯗꯤ꯫ ꯔꯤꯑꯦꯛꯇ ꯅꯠꯠꯔꯒꯥ ꯚꯤꯎꯒꯨꯝꯕꯥ ꯐ꯭ꯔꯦꯃꯋꯥꯔꯀꯁꯤꯡꯗꯥ, ꯄꯣꯔꯇꯦꯜ ꯍꯥꯌꯕꯁꯤ ꯅꯍꯥꯀꯄꯨ DOMꯗꯥ ꯂꯩꯕꯥ ꯃꯁꯤꯒꯤ ꯅꯣꯔꯃꯦꯜ ꯄꯦꯔꯦꯟꯇ ꯍꯥꯏꯔꯔꯀꯤꯒꯤ ꯃꯄꯥꯟꯗꯥ ꯀꯝꯄꯣꯅꯦꯟꯇ ꯑꯃꯥ ꯔꯦꯟꯗꯔ ꯇꯧꯕꯥ ꯌꯥꯍꯅꯒꯗꯕꯥ ꯐꯤꯆꯔ ꯑꯃꯅꯤ꯫ ꯄꯣꯔꯇꯦꯂꯁꯤꯡ ꯑꯁꯤ ꯅꯍꯥꯛꯀꯤ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯇꯦꯂꯤꯄꯣꯔꯇꯦꯁꯟ ꯗꯤꯚꯥꯏꯁ ꯑꯃꯒꯨꯝꯅꯥ ꯑꯣꯏ꯫ ꯃꯈꯣꯌꯅꯥ ꯅꯍꯥꯀꯄꯨ ꯀꯝꯄꯣꯅꯦꯟꯇ ꯑꯃꯒꯤ HTML ꯑꯗꯨ ꯗꯣꯛꯌꯨꯃꯦꯟꯇ ꯑꯗꯨꯒꯤ ꯃꯐꯝ ꯑꯃꯍꯦꯛꯇꯗꯥ (ꯃꯍꯧꯁꯥꯅꯥ document.bodyꯗꯥ ꯍꯀꯊꯦꯡꯅꯅꯥ) ꯔꯦꯟꯗꯔ ꯇꯧꯕꯥ ꯌꯥꯍꯜꯂꯤ ꯑꯃꯁꯨꯡ ꯃꯁꯤꯕꯨ ꯄ꯭ꯔꯣꯄꯁ, ꯁ꯭ꯇꯦꯠ, ꯑꯃꯁꯨꯡ ꯏꯚꯦꯟꯇꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯃꯁꯤꯒꯤ ꯑꯔꯤꯕꯥ ꯃꯃꯥ-ꯃꯄꯥꯒꯥ ꯂꯣꯖꯤꯀꯦꯜ ꯑꯣꯏꯅꯥ ꯀꯅꯦꯛꯇ ꯇꯧꯗꯨꯅꯥ ꯊꯝꯃꯤ꯫ ꯔꯦꯟꯗꯔ ꯇꯧꯔꯕꯥ ꯑꯥꯎꯇꯄꯨꯠ ꯑꯁꯤ ꯂꯤꯇꯔꯂꯤ ꯑꯣꯏꯅꯥ ꯄ꯭ꯔꯣꯕ꯭ꯂꯦꯝ ꯂꯩꯕꯥ ꯄꯦꯔꯦꯟꯇ ꯀꯟꯇꯦꯅꯔꯒꯤ ꯃꯄꯥꯟꯗꯥ ꯊꯣꯀꯄꯅꯥ ꯃꯔꯝ ꯑꯣꯏꯗꯨꯅꯥ ꯃꯁꯤ ꯁ꯭ꯇꯦꯛ ꯇꯧꯕꯥ ꯀꯟꯇꯦꯛꯁ ꯇ꯭ꯔꯦꯄꯁꯤꯡꯗꯒꯤ ꯂꯥꯄꯊꯣꯛꯅꯕꯒꯤꯗꯃꯛ ꯃꯄꯨꯡꯐꯥꯕꯅꯤ꯫ ꯔꯤꯑꯦꯛꯇꯗꯣꯝ.ꯀ꯭ꯔꯤꯌꯦꯠꯄꯣꯔꯇꯦꯜ( <ꯇꯨꯂꯇꯤꯞ />, ꯑꯃꯁꯨꯡ ꯗꯣꯀꯨꯃꯦꯟꯇ.ꯕꯣꯗꯤ );
ꯃꯁꯤꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ ꯃꯃꯥ-ꯃꯄꯥ ꯑꯗꯨꯒꯤ ꯃꯇꯨꯡꯗꯥ ꯂꯣꯠꯄꯥ ꯉꯃꯍꯟꯗꯦ, ꯀꯔꯤꯒꯨꯝꯕꯥ ꯃꯃꯥ-ꯃꯄꯥ ꯑꯗꯨꯅꯥ ꯑꯣꯚꯔꯐ꯭ꯂꯣ ꯂꯩꯔꯕꯁꯨ: ꯂꯣꯠꯁꯤꯜꯂꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯍꯦꯟꯅꯥ ꯅꯦꯝꯕꯥ z-ꯏꯟꯗꯦꯛꯁ ꯑꯃꯥ ꯂꯩꯔꯕꯁꯨ꯫ ꯑꯩꯈꯣꯌꯅꯥ ꯃꯃꯥꯡꯗꯥ ꯌꯦꯡꯈꯤꯕꯥ “ꯀ꯭ꯂꯤꯞ ꯇꯧꯔꯕꯥ ꯇꯨꯂꯇꯤꯞ” ꯁꯤꯅꯥꯔꯤꯑꯣ ꯑꯁꯤꯗꯥ, ꯑꯩꯅꯥ ꯇꯨꯂꯇꯤꯞ ꯑꯁꯤ ꯑꯣꯚꯔꯐ꯭ꯂꯣꯗꯒꯤ ꯀꯟꯅꯕꯥ ꯄꯣꯔꯇꯦꯜ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯈꯤ: ꯗꯣꯀꯨꯃꯦꯟꯇꯀꯤ ꯍꯀꯆꯥꯡꯗꯥ ꯊꯃꯗꯨꯅꯥ ꯑꯃꯁꯨꯡ ꯀꯟꯇꯦꯅꯔꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯇ꯭ꯔꯤꯒꯔꯒꯤ ꯃꯊꯛꯇꯥ ꯊꯃꯗꯨꯅꯥ ꯂꯣꯠꯁꯤꯜꯂꯕꯥ ꯀ꯭ꯂꯤꯞ꯫ ꯄꯦꯟ ꯁꯤꯅꯥꯔꯤꯑꯣ 3: ꯁꯣꯌꯣꯝꯕꯣ ꯒꯦꯕ꯭ꯔꯤꯌꯦꯜ ꯑꯌꯣꯃꯥꯏꯗꯅꯥ ꯁꯦꯝꯕꯥ ꯀ꯭ꯂꯤꯞ ꯇꯧꯔꯕꯥ ꯇꯨꯂꯇꯤꯞ (ꯁꯣꯜꯌꯨꯁꯟ) [ꯐꯣꯔꯛ ꯇꯧꯕꯥ] ꯌꯦꯡꯕꯤꯌꯨ꯫ ꯁꯥꯏꯗ ꯏꯐꯦꯛꯇ ꯌꯥꯑꯣꯗꯅꯥ ꯁ꯭ꯇꯦꯀꯤꯡ ꯀꯟꯇꯦꯛꯁ ꯍꯧꯗꯣꯀꯄꯥ꯫ ꯃꯃꯥꯡꯒꯤ ꯁꯦꯛꯁꯅꯗꯥ ꯁꯟꯗꯣꯛꯅꯥ ꯇꯥꯀꯈꯤꯕꯥ ꯑꯦꯞꯔꯣꯆ ꯄꯨꯝꯅꯃꯛ ꯑꯁꯤ ꯄ꯭ꯔꯣꯕ꯭ꯂꯦꯝ ꯂꯩꯕꯥ ꯁ꯭ꯇꯦꯀꯤꯡ ꯀꯟꯇꯦꯛꯁꯁꯤꯡꯗꯒꯤ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ “ꯑꯅꯁ꯭ꯇꯦꯛ” ꯇꯧꯕꯗꯥ ꯄꯥꯟꯗꯝ ꯊꯝꯂꯤ, ꯑꯗꯨꯕꯨ ꯅꯍꯥꯛꯅꯥ ꯇꯁꯦꯡꯅꯥ ꯁ꯭ꯇꯦꯛ ꯇꯧꯕꯥ ꯀꯟꯇꯦꯛꯁ ꯑꯃꯥ ꯁꯦꯝꯕꯥ ꯃꯊꯧ ꯇꯥꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯁꯦꯝꯕꯥ ꯄꯥꯝꯂꯤꯕꯥ ꯐꯤꯚꯝ ꯈꯔꯗꯤ ꯂꯩ꯫ ꯑꯅꯧꯕꯥ ꯁ꯭ꯇꯦꯀꯤꯡ ꯀꯟꯇꯦꯛꯁ ꯑꯃꯥ ꯁꯦꯝꯕꯥ ꯑꯁꯤ ꯌꯥꯝꯅꯥ ꯂꯥꯏ, ꯑꯗꯨꯕꯨ ꯑꯦꯞꯔꯣꯆ ꯄꯨꯝꯅꯃꯛ ꯑꯁꯤ ꯁꯥꯏꯗ ꯏꯐꯦꯛꯇ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯂꯥꯀꯏ꯫ ꯍꯥꯌꯕꯗꯤ ꯑꯥꯏꯁꯣꯂꯦꯁꯟ ꯁꯤꯖꯤꯟꯅꯕꯈꯛꯇꯗꯥ ꯅꯠꯇꯅꯥ: ꯑꯥꯏꯁꯣꯂꯦꯠ ꯇꯧꯕꯥ꯫ ꯏꯂꯤꯃꯦꯟꯇ ꯑꯃꯗꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ, ꯏꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯒꯤ ꯑꯉꯥꯡꯁꯤꯡꯒꯤ ꯁ꯭ꯇꯦꯛ ꯇꯧꯕꯥ ꯀꯟꯇꯦꯛꯁ ꯑꯗꯨ ꯑꯉꯥꯡ ꯈꯨꯗꯤꯡꯃꯛꯀꯥ ꯃꯔꯤ ꯂꯩꯅꯅꯥ ꯑꯃꯁꯨꯡ ꯀꯟꯇꯦꯛꯁ ꯑꯗꯨꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯂꯦꯄꯊꯣꯀꯏ, ꯃꯗꯨꯒꯤ ꯃꯄꯥꯟꯗꯥ ꯂꯩꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯅꯥ ꯁꯣꯀꯍꯅꯕꯒꯤ ꯃꯍꯨꯠꯇꯥ꯫ ꯀ꯭ꯂꯥꯁꯤꯛ ꯈꯨꯗꯝ ꯑꯃꯅꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯗꯥ ꯅꯦꯒꯦꯇꯤꯕ ꯚꯦꯜꯌꯨ ꯑꯃꯥ ꯑꯦꯁꯥꯏꯟ ꯇꯧꯕꯅꯤ, ꯃꯗꯨꯗꯤ z-ꯏꯟꯗꯦꯛꯁ: -1. ꯑꯗꯣꯃꯒꯤ .ꯀꯥꯔꯗ ꯀꯝꯄꯣꯅꯦꯟꯇ ꯑꯃꯥ ꯂꯩ ꯍꯥꯌꯅꯥ ꯈꯅꯕꯤꯌꯨ꯫ ꯅꯍꯥꯛꯅꯥ .ꯀꯥꯔꯗꯀꯤ ꯇꯦꯛꯁꯇꯀꯤ ꯃꯇꯨꯡꯗꯥ ꯐꯝꯂꯤꯕꯥ, ꯑꯗꯨꯕꯨ ꯀꯥꯔꯗꯀꯤ ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗꯒꯤ ꯃꯊꯛꯇꯥ ꯂꯩꯕꯥ ꯃꯁꯛ ꯊꯣꯀꯄꯥ ꯃꯑꯣꯡ ꯑꯃꯥ ꯍꯥꯄꯆꯤꯅꯕꯥ ꯄꯥꯝꯃꯤ꯫ ꯀꯥꯔꯗꯇꯥ ꯁ꯭ꯇꯦꯀꯤꯡ ꯀꯟꯇꯦꯛꯁ ꯑꯃꯥ ꯌꯥꯑꯣꯗꯅꯥ, z-ꯏꯟꯗꯦꯛꯁ: -1ꯅꯥ ꯃꯑꯣꯡ ꯑꯗꯨ ꯔꯨꯠ ꯁ꯭ꯇꯦꯀꯤꯡ ꯀꯟꯇꯦꯛꯁꯀꯤ ꯃꯈꯥꯗꯥ (ꯄꯦꯖ ꯄꯨꯝꯕꯥ) ꯊꯥꯏ꯫ ꯃꯁꯤꯅꯥ .ꯀꯥꯔꯗꯀꯤ ꯑꯉꯧꯕꯥ ꯃꯆꯨꯒꯤ ꯃꯇꯨꯡꯗꯥ ꯃꯥꯡꯍꯅꯕꯥ ꯉꯃꯍꯜꯂꯤ: ꯁꯣꯌꯣꯝꯕꯣ ꯒꯦꯕ꯭ꯔꯤꯌꯦꯜ ꯑꯌꯣꯃꯥꯏꯗꯅꯥ ꯁꯦꯝꯕꯥ ꯄꯦꯟ ꯅꯦꯒꯦꯇꯤꯕ z-ꯏꯟꯗꯦꯛꯁ (ꯄ꯭ꯔꯣꯕ꯭ꯂꯦꯝ) [ꯐꯣꯔꯛ ꯇꯧꯕꯥ] ꯌꯦꯡꯕꯤꯌꯨ꯫ ꯃꯁꯤ ꯀꯣꯀꯍꯟꯅꯕꯥ ꯑꯩꯈꯣꯌꯅꯥ ꯑꯥꯏꯁꯣꯂꯦꯁꯟ ꯂꯥꯎꯊꯣꯛꯂꯤ: ꯃꯃꯥ-ꯃꯄꯥ .ꯀꯥꯔꯗꯇꯥ ꯑꯥꯏꯁꯣꯂꯦꯠ ꯇꯧꯕꯥ: ꯁꯣꯌꯣꯝꯕꯣ ꯒꯦꯕ꯭ꯔꯤꯌꯦꯜ ꯑꯌꯣꯃꯥꯏꯗꯅꯥ ꯁꯦꯝꯕꯥ ꯄꯦꯟ ꯅꯦꯒꯦꯇꯤꯕ z-ꯏꯟꯗꯦꯛꯁ (ꯁꯣꯜꯌꯨꯁꯟ) [ꯐꯣꯔꯛ ꯇꯧꯕꯥ] ꯌꯦꯡꯕꯤꯌꯨ꯫ ꯍꯧꯖꯤꯛꯇꯤ, .ꯀꯥꯔꯗ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯃꯁꯥꯃꯛ ꯁ꯭ꯇꯦꯀꯤꯡ ꯀꯟꯇꯦꯛꯁ ꯑꯃꯥ ꯑꯣꯏꯔꯦ꯫ ꯃꯁꯤꯒꯤ ꯆꯥꯏꯜꯗ ꯑꯦꯂꯤꯃꯦꯟꯇ — :before pseudo-element ꯗꯥ ꯁꯦꯃꯈꯤꯕꯥ ꯗꯦꯀꯣꯔꯦꯇꯦꯗ ꯃꯑꯣꯡ — z-index: -1 ꯂꯩꯕꯥ ꯃꯇꯃꯗꯥ, ꯃꯁꯤꯅꯥ ꯃꯃꯥ-ꯃꯄꯥꯒꯤ ꯁ꯭ꯇꯦꯀꯤꯡ ꯀꯟꯇꯦꯛꯁꯀꯤ ꯌꯥꯝꯅꯥ ꯃꯈꯥꯗꯥ ꯆꯠꯂꯤ꯫ ꯃꯁꯤ ꯇꯦꯛꯁꯀꯤ ꯃꯇꯨꯡꯗꯥ ꯑꯃꯁꯨꯡ ꯀꯥꯔꯗꯀꯤ ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗꯒꯤ ꯃꯊꯛꯇꯥ ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯐꯝꯃꯤ, ꯃꯗꯨꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ꯫ ꯂꯣꯏꯁꯤꯅꯕꯥ ꯉꯝꯕꯥ꯫ ꯅꯤꯡꯁꯤꯡꯕꯤꯌꯨ: ꯃꯊꯪꯒꯤ ꯃꯇꯃꯗꯥ ꯅꯍꯥꯛꯀꯤ z-ꯏꯟꯗꯦꯛꯁ ꯑꯗꯨ ꯀꯟꯠꯔꯣꯜ ꯇꯧꯗꯕꯥ ꯑꯣꯏꯅꯥ ꯎꯕꯥ ꯃꯇꯃꯗꯥ, ꯃꯁꯤ ꯇ꯭ꯔꯦꯞ ꯇꯧꯔꯕꯥ ꯁ꯭ꯇꯦꯀꯤꯡ ꯀꯟꯇꯦꯛꯁ ꯑꯃꯅꯤ꯫ ꯔꯤꯐꯔꯦꯟꯁꯁꯤꯡ꯫
ꯁ꯭ꯇꯦꯀꯤꯡ ꯀꯟꯇꯦꯛꯁ (ꯑꯦꯝ.ꯗꯤ.ꯑꯦꯟ.) ꯖꯦꯗ-ꯏꯟꯗꯦꯛꯁ ꯑꯃꯁꯨꯡ ꯁ꯭ꯇꯦꯀꯤꯡ ꯀꯟꯇꯦꯛꯁꯁꯤꯡ (web.dev) “ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯇꯥ ꯑꯥꯏꯁꯣꯂꯦꯁꯟ ꯄ꯭ꯔꯣꯄꯔꯇꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯑꯅꯧꯕꯥ ꯁ꯭ꯇꯦꯀꯤꯡ ꯀꯟꯇꯦꯛꯁ ꯑꯃꯥ ꯀꯔꯝꯅꯥ ꯁꯦꯃꯒꯅꯤ”, ꯅꯇꯥꯂꯤ ꯄꯤꯅꯥ꯫ “ꯋꯥꯠ ꯗ ꯍꯦꯛ, ꯖꯦꯗ-ꯏꯟꯗꯦꯛꯁ??”, ꯖꯣꯁ ꯀꯣꯃꯦꯎ꯫
ꯃꯈꯥ ꯇꯥꯅꯥ ꯄꯥꯕꯥ ꯑꯣꯟ ꯁ꯭ꯃꯥꯁꯤꯡꯃꯦꯒ
“ꯑꯆꯧꯕꯥ ꯄ꯭ꯔꯣꯖꯦꯛꯇꯁꯤꯡꯗꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯖꯦꯗ-ꯏꯟꯗꯦꯛꯁ ꯃꯦꯅꯦꯖ ꯇꯧꯕꯥ”, ꯁ꯭ꯇꯦꯚꯦꯟ ꯐ꯭ꯔꯤꯁꯟ꯫ “ꯁ꯭ꯇꯤꯛ ꯍꯦꯗꯔꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯃꯄꯨꯡ ꯑꯣꯏꯕꯥ ꯍꯥꯏꯠ ꯏꯂꯤꯃꯦꯟꯇꯁꯤꯡ: ꯇ꯭ꯔꯤꯀꯤ ꯀꯝꯕꯤꯅꯦꯁꯟ ꯑꯃꯥ”, ꯐꯤꯂꯤꯞ ꯕ꯭ꯔꯎꯅꯦꯟ꯫ “ꯀꯝꯄꯣꯅꯦꯟꯇ-ꯕꯦꯖ ꯋꯦꯕ ꯑꯦꯞꯂꯤꯀꯦꯁꯟ ꯑꯃꯗꯥ ꯖꯦꯗ-ꯏꯟꯗꯦꯛꯁ ꯃꯦꯅꯦꯖ ꯇꯧꯕꯥ”, ꯄꯥꯚꯦꯜ ꯄꯣꯃꯦꯔꯦꯟꯁꯦꯚ “ꯗꯤ ꯖꯦꯗ-ꯏꯟꯗꯦꯛꯁ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯄ꯭ꯔꯣꯄꯔꯇꯤ: ꯑꯄꯨꯅꯕꯥ ꯃꯤꯠꯌꯦꯡ ꯑꯃꯥ”, ꯂꯨꯏꯁ ꯂꯥꯖꯥꯔꯤꯁ꯫
