.དམིགས་བསལ་-ཤོག་ལེབ་ { z-ཟུར་ཐོ་: 9999; } . .plain-page { ཟི་-ཟུར་ཐོ་: ༥; } .

ཤོག་ལེབ་གང་འདི་མགོ་ལུ་ཡོདཔ་སྨོ? སྣོད་འཛིན་བི་ནང་ .plain-page ཨིན། བརྡ་འཚོལ་འདི་གིས་ ཨ་ལུའི་ཤོག་ལེབ་ཚུ་སྣང་མེད་བཞག་སྟེ་ སྣོད་འཛིན་གཉིས་འདི་ དང་པ་རང་ བརྩེགས་བརྩེགས་འབདཝ་ཨིན། འདི་གིས་ སྣོད་འཛིན་བི་ (z-index: 2) མཐོང་ཞིནམ་ལས་ སྣོད་འཛིན་ A (z-index: 1) གི་ཐོག་ལུ་བཙུགསཔ་ཨིན་ ག་ཅི་འབད་ཟེར་བ་ཅིན་ ང་བཅས་ཀྱིས་ གཉིས་འདི་གཅིག་ལས་སྦོམ་ཨིནམ་ཤེས། དེ་དང་གཅིག་ཁར་ .special-page set ལུ་ z-index: 9999 ཤོག་ལེབ་འདི་ དེ་གི་ z-index འདི་ འོས་འབབ་ཅན་གྱི་གནས་གོང་མཐོ་ཤོས་ལུ་གཞི་སྒྲིག་འབད་རུང་ བརྩེགས་ཕུང་གི་མཇུག་ལུ་ཡོདཔ་ཨིན། བརྩེགས་ཕུང་སྐབས་དོན་ཚུ་ཡང་ ནེསི་ཊི་འབད་བཏུབ། (སྣོད་འཛིན་ནང་ལུ་སྣོད་འཛིན་ཚུ་) “བཟའ་ཚང་ཤིང་” གསར་བསྐྲུན་འབདཝ་ཨིན། གཞི་རྩ་འདི་རང་ ལག་ལེན་འཐབ་ཨིན། ཨ་ལུ་འདི་ ཕམ་གྱི་སྣོད་འཛིན་ལས་ ནམ་ཡང་ ཐར་མི་ཚུགས། ད་ལྟོ་ཁྱོད་ཀྱིས་ བརྩེགས་བརྩེགས་སྐབས་དོན་ཚུ་ སྡེ་ཚན་དང་ བང་རིམ་ཚུ་ ལོག་གོ་རིམ་སྒྲིག་མི་ སྣོད་འཛིན་བཟུམ་སྦེ་ ག་དེ་སྦེ་ སྤྱོད་ལམ་སྟོནམ་ཨིན་ན་ དྲི་བ་བཀོད་དགོཔ་ཨིན། འདི་ནང་ལུ་ ག་ཅི་ཡོདཔ་སྨོ་ཟེར་བ་ཅིན་ རྒྱུ་དངོས་འདི་ཚུ་གིས་ ག་དེ་སྦེ་མཐོངམ་ཨིན་ན་ སྐབས་དོན་ཚུ་ བརྩེགས་བརྩེགས་འབད་མི་བཏུབ་པས། བརྡ་འཚོལ་འདི་ གདོང་ཁེབས་འོག་ལུ་ ག་དེ་སྦེ་ལཱ་འབདཝ་ཨིན་ན་ དེ་ལས་བརྟེན་ཏེ་ འབདཝ་ཨིན། ཁྱོད་ཀྱིས་ བསྒྱུར་བཅོས་དང་ དྭངས་གསལ་ ཚགས་མ་ ཡང་ན་ མཐོང་ཚུལ་ཚུ་ འཇུག་སྤྱོད་འབད་བའི་སྐབས་ ཁྱོད་ཀྱིས་ བརྡ་འཚོལ་ལུ་ “ཧེེ་ འ་ནི་ཆ་ཤས་འདི་ སྤོ་བཤུད་འབད་ནི་དང་ བསྒྱིར་ནི་ ཡང་ན་ མར་ཉམས་འགྱོ་འོང་ དེ་འབདཝ་ལས་ གྲ་སྒྲིག་འབད་དགོ།”

ཁྱོད་ཀྱིས་རྒྱུ་དངོས་འདི་ཚུ་ལག་ལེན་འཐབ་པའི་སྐབས་ བརྡ་འཚོལ་འདི་གིས་ བཀྲམ་སྟོན་འདི་ འཇོན་ཐངས་ཅན་སྦེ་འཛིན་སྐྱོང་འཐབ་ནི་ལུ་ བརྩེགས་ཕུང་སྐབས་དོན་གསརཔ་ཅིག་གསར་བསྐྲུན་འབདཝ་ཨིན། འདི་གིས་ བརྡ་འཚོལ་འདི་གིས་ བསྒུལ་བཟོ་དང་ བསྒྱུར་བཅོས་ དེ་ལས་ མཐོང་སྣང་གི་ནུས་པ་ཚུ་ རང་དབང་ཅན་སྦེ་ འཛིན་སྐྱོང་འཐབ་བཅུགཔ་ཨིན་ དེ་ལས་ འ་ནི་ཆ་ཤས་ཚུ་གིས་ ཤོག་ལེབ་ལྷག་ལུས་ཚུ་དང་གཅིག་ཁར་ འབྲེལ་བ་འཐབ་ཐངས་འདི་ ལོག་སྟེ་རྩིས་སྟོན་དགོཔ་འདི་ མར་ཕབ་འབདཝ་ཨིན། བརྡ་འཚོལ་འདི་གིས་ “ང་གིས་ སྣོད་འཛིན་འདི་ སོ་སོ་སྦེ་ འཛིན་སྐྱོང་འཐབ་འོང་ དེ་འབདཝ་ལས་ ནང་ན་ག་ཅི་རང་འབད་རུང་ འགྱུར་བཅོས་འགྱོ་བའི་སྐབས་ ཡིག་ཆ་ཆ་མཉམ་རང་ བསྒྱུར་བཅོས་འབད་དགོཔ་མེདཔ་” ཟེར་སླབ་དོ་བཟུམ་སྦེ་ མནོ་བསམ་གཏང་། འོན་ཀྱང་ཡོད།a ཟུར་ཕོག་། བརྡ་འཚོལ་འདི་གིས་ རང་སོའི་བང་རིམ་ནང་ལུ་ ཡན་ལག་ཅིག་ཡར་འཐེན་ཚརཝ་ད་ དེ་གི་ནང་འཁོད་ལུ་ཡོད་མི་ཚུ་ག་ར་ “ཕྲང་ཏང་ཏ་” བཟོ་སྟེ་ བརྩེགས་བརྩེགས་སྐབས་དོན་གསརཔ་ཅིག་བཟོཝ་ཨིན། སོ་སོ་སྦེ་ འཛིན་སྐྱོང་འཐབ་ནིའི་དོན་ལུ་ ཡིག་ཚང་ལས་ སྣོད་འཛིན་ཅིག་ བཏོན་བཏང་དོ་བཟུམ་ཅིག་ཨིན། སྣོད་འཛིན་དེ་གི་ནང་ན་ཡོད་མི་ག་ར་སྡེ་ཚན་བཟོཝ་ཨིནམ་དང་ བརྡ་འཚོལ་འདི་གིས་ ད་ལྟོ་ག་ཅི་གུ་སྡོད་ནི་ཨིན་ན་ ཐག་བཅད་པའི་སྐབས་ དེ་ལུ་ ཆ་ཤས་གཅིག་སྦེ་ བརྩི་འཇོག་འབདཝ་ཨིན། འདི་འབདཝ་ལས་ བསྒྱུར་བཅོས་དང་ དྭངས་གསལ་གྱི་རྒྱུ་དངོས་ཚུ་གིས་ མཐོང་སྣང་གི་ཐོག་ལས་ ཆ་ཤས་ཚུ་ བརྩེགས་བརྩེགས་འབད་ཐངས་ལུ་ གནོད་པ་མེདཔ་སྦེ་མཐོང་རུང་ འདི་གིས་ ལཱ་འགན་ཡར་དྲག་བཏང་ནི་གི་དོན་ལས་ཨིན། གཞན་མི་སི་ཨེསི་ཨེསི་རྒྱུ་དངོས་ལེ་ཤ་ཅིག་གིས་ཡང་ རྒྱུ་མཚན་ཅོག་འཐདཔ་ཚུ་གི་དོན་ལུ་ བརྩེགས་ཕུང་སྐབས་དོན་ཚུ་གསར་བསྐྲུན་འབད་ཚུགས། ཁྱོད་ཀྱིས་གཏིང་ཟབ་སྦེ་བརྐོ་དགོ་པ་ཅིན་ ཨེམ་ཌི་ཨེན་གྱིས་ ཐོ་ཡིག་ཆ་ཚང་བྱིནམ་ཨིན། འདི་ཡང་ མ་ཤེས་པར་ མ་ཤེས་པར་ བརྩེགས་བརྩེགས་འབད་བའི་སྐབས་དོན་ཅིག་ ག་དེ་སྦེ་ འཇམ་ཏོང་ཏོ་ཨིན་ན་ གསལ་སྟོན་འབད་མི་ དག་པ་ཅིག་ཡོདཔ་ཨིན། “བང་སྒྲིག་མ་འབད་བའི་” དཀའ་ངལ། བརྩེགས་བརྩེགས་འབད་ནི་གི་གནད་དོན་འདི་ རྒྱུ་མཚན་ལེ་ཤ་ཅིག་ལས་བརྟེན་ཏེ་ འཐོན་སྲིད་ནི་ཨིན་རུང་ ལ་ལུ་ཅིག་ གཞན་མི་ཚུ་དང་ཕྱདཔ་ད་ ཡོངས་གྲགས་ཡོདཔ་ཨིན། མོ་ཌལ་ཆ་ཤས་ཚུ་ སྔར་ལུགས་ཀྱི་དཔེ་རིས་ཅིག་ཨིན། ག་ཅི་འབད་ཟེར་བ་ཅིན་ དེ་ཚུ་གིས་ ཆ་ཤས་འདི་ གཞན་མི་ཆ་ཤས་ཚུ་གི་ལྟག་ལུ་ མཐོ་བའི་བང་རིམ་གུར་ “ཁ་ཕྱེ” འབད་དགོཔ་ལས་ དེ་ལས་ “ཁ་བསྡམས་པའི་སྐབས་” མཐོ་བའི་བང་རིམ་ལས་ བཏོན་གཏང་དགོཔ་ཨིན། ང་བཅས་ག་ར་གིས་ མོ་ཌལ་ཁ་ཕྱེ་སྟེ་ཡོད་པའི་གནས་སྟངས་ནང་ལུ་ལྷོད་དེ་ཡོདཔ་ལས་ རྒྱུ་མཚན་ག་ཅི་འབད་རུང་ དེ་སྦེ་མ་འཐོནམ་ལས་ ང་བཅས་ག་ར་གིས་ ཡིད་ཆེས་བསྐྱེདཔ་ཨིན། དེ་ཡང་ ལེགས་ཤོམ་སྦེ་ཁ་མ་ཕྱེ་མི་འདི་མེན་པར་ བང་རིམ་སྐབས་དོན་གྱི་ བང་རིམ་འོག་མའི་ནང་ མཐོང་སྣང་ལས་ཕྱི་ཁར་ཨིན། འདི་གིས་ ཁྱོད་ལུ་ “ག་དེ་སྦེ་འོང་ཡི་ག་?” ཁྱོད་ཀྱིས་གཞི་སྒྲིག་འབད་ཞིནམ་ལས་:

.བཀབ་སྟེ་ { . position: གཏན་འཁེལ།; /* བརྩེགས་ཕུང་སྐབས་དོན་གསར་བསྐྲུན་འབདཝ་ཨིན། */ z-ཟུར་ཐོ་: ༡; /* གཞན་ག་ར་གི་ལྟག་ལུ་ བང་རིམ་ཅིག་གུ་ཆ་ཤས་འདི་བཙུགསཔ་ཨིན། */ inset: ༠; རྒྱ་ཚད་: ༡༠༠%; མཐོ་ཚད་: 100vh; overflow: སྦ་བཞག་ཡོདཔ།; རྒྱབ་གཞི་-ཚོས་གཞི་: #00000080; } .

འདི་བདེན་པ་སྦེ་མཐོངམ་ཨིན་རུང་ མོ་ཌལ་ཊི་གཱར་ཡོད་མི་ ཕམ་ཆ་ཤས་འདི་ གཞན་མི་ཕམ་ཆ་ཤས་ཅིག་གི་ནང་འཁོད་ལུ་ ཨ་ལུའི་ཆ་ཤས་ཅིག་ཨིན་པ་ཅིན་ དེ་ཡང་ z-index: 1 ལུ་གཞི་སྒྲིག་འབད་དེ་ཡོདཔ་ལས་ དེ་གིས་ འཕྲུལ་རིག་གི་ཐོག་ལས་ མོ་ཌལ་འདི་ སྣོད་འཛིན་ངོ་མ་གིས་ གསལ་ཏོག་ཏོ་མེད་པའི་བང་རིམ་ཆུང་བ་ཅིག་ནང་བཙུགསཔ་ཨིན། དམིགས་བསལ་གྱི་གནས་སྟངས་དང་ གཞན་མི་སྤྱིར་བཏང་གི་བརྩེགས་བརྩེགས་སྐབས་དོན་གྱི་གནད་དོན་ཚུ་བལྟ་གེ། ང་གིས་ ཁྱོད་ཀྱིས་ མ་ཤེས་པར་ སྐབས་དོན་ཚུ་ བརྩེགས་བརྩེགས་འབད་ནི་འདི་ ག་དེ་སྦེ་ འཇམ་ཏོང་ཏོ་ཨིན་ན་མ་གཏོགས་ དེ་ཚུ་ ག་དེ་སྦེ་ འཛིན་སྐྱོང་འཐབ་མ་ཚུགསཔ་ཨིན་ན་ མཐོང་འོང་ཟེར་ མནོཝ་མས། དེ་མ་ཚད་ ཁྱོད་ཀྱིས་ འཛིན་སྐྱོང་འཐབ་ཡོད་པའི་གནས་སྟངས་ལུ་ ག་དེ་སྦེ་ལོག་འགྱོཝ་ཨིན་ན་ གནས་སྟངས་ལུ་རག་ལསཔ་ཨིན། མཐོང་སྣང་༡: བཀག་བཞག་ཡོད་པའི་མོ་ཌལ།

ཁྱོད་ཀྱིས་ དེ་འཕྲོ་ལས་ ཁྱོད་རའི་མོ་ཌལ་འདི་ གནས་རིམ་དམའ་བའི་བང་རིམ་ཅིག་ནང་ བཀག་བཞག་ཡོདཔ་མཐོང་ཚུགས་ནི་དང་ ཕམ་འདི་ངོས་འཛིན་འབད་ཚུགས། བརའུ་ཟར་རྒྱ་བསྐྱེད་ཚུ། གོང་འཕེལ་གཏང་མི་རིག་པ་ཅན་ཚུ་གིས་ ཕན་ཐབས་ལུ་ རྒྱ་བསྐྱེད་ཚུ་བཟོ་བསྐྲུན་འབད་ཡོདཔ་ཨིན། འདི་བཟུམ་གྱི་ལག་ཆས་ཚུ་ “CSS Stacking Context Inspector” ཀོརོམ་རྒྱ་བསྐྱེད་འདི་གིས་ ཁྱོད་རའི་ཌེབ་ལག་ཆས་ཚུ་ལུ་ ཛེཌི་ཟུར་ཐོ་མཆོང་ལྡེ་ཁ་སྐོང་ཁ་སྐོང་བརྐྱབ་སྟེ་ ཁྱོད་ལུ་ བང་རིམ་སྐབས་དོན་གསར་བསྐྲུན་འབད་མི་ ཆ་ཤས་ཚུ་གི་སྐོར་ལས་ བརྡ་དོན་སྟོནམ་ཨིན།

ཨའི་ཌི་ཨི་རྒྱ་བསྐྱེད་ཚུ། ཁྱོད་ཀྱིས་ གོང་འཕེལ་གྱི་སྐབས་ལུ་ གནད་དོན་ཚུ་ཡང་ ཁྱོད་རའི་ཞུན་དགཔ་ནང་ ཐད་ཀར་དུ་ སྐབས་དོན་གནད་དོན་ཚུ་ བརྩེགས་བརྩེགས་འབད་ནི་གི་ འོས་འབབ་ཡོད་མི་ཚུ་ གསལ་སྟོན་འབད་མི་ ཝི་ཨེསི་ཨང་རྟགས་ཀྱི་དོན་ལུ་ རྒྱ་བསྐྱེད་བཟུམ་གྱི་ གནད་དོན་ཚུ་ མཐོང་ཚུགས།

བང་རིམ་བཏོན་ནི་དང་ ཚད་འཛིན་ལོག་ཐོབ་ནི། ང་བཅས་ཀྱིས་ རྩ་བའི་རྒྱུ་རྐྱེན་ངོས་འཛིན་འབད་ཚར་བའི་ཤུལ་ལས་ ཤུལ་མའི་གོ་རིམ་འདི་ དེ་ལུ་ གདོང་ལེན་འབད་ནི་འདི་ཨིན། དཀའ་ངལ་འདི་སེལ་ཐབས་ལུ་ ཐབས་ལམ་ལེ་ཤ་ཅིག་ཡོདཔ་ལས་ ང་གིས་ གོ་རིམ་བཞིན་དུ་ ཐོ་བཀོད་འབད་ནི་ཨིན། ཁྱོད་ཀྱིས་ གནས་རིམ་གང་རུང་ནང་ ག་ར་གདམ་ཁ་རྐྱབ་ཚུགས། མི་གཅིག་གིས་ཡང་གཞན་ལུ་ཉོགས་བཤད་དང་བར་ཆད་རྐྱབ་མི་ཚུགས། ཨེཆ་ཊི་ཨེམ་ཨེལ་གཞི་བཀོད་འདི་བསྒྱུར་བཅོས་འབད། འདི་ ལེགས་ཤོམ་གྱི་ བཅོ་ཁ་སྦེ་ ཆ་བཞགཔ་ཨིན། ཁྱོད་ཀྱིས་ བརྩེགས་ཕུང་སྐབས་དོན་གྱི་གནད་དོན་ནང་ གཡོག་བཀོལ་ནིའི་དོན་ལུ་ ཁྱོད་ཀྱིས་ ཁྱོད་རའི་ཨེཆ་ཊི་ཨེམ་ཨེལ་ནང་འཁོད་ལུ་ དགོད་བྲོའི་གནས་ས་ཚུ་ནང་ ཆ་ཤས་ལ་ལོ་ཅིག་བཙུགས་དགོཔ་ཨིན། ཤོག་ལེབ་འདི་བསྐྱར་སྒྲིག་འབད་མི་འདི་གིས་ ཁྱོད་ལུ་ ཌི་ཨོ་ཨེམ་འདི་བསྐྱར་བཟོ་འབད་ནི་དང་ བརྩེགས་ཕུང་སྐབས་དོན་གྱི་དཀའ་ངལ་འདི་རྩ་མེད་གཏང་ནི་ལུ་ཕན་ཐོགཔ་ཨིན། དཀའ་ངལ་ཅན་གྱི་ཆ་ཤས་འདི་འཚོལ་ཞིབ་འབད་ཞིནམ་ལས་ ཨེཆ་ཊི་ཨེམ་ཨེལ་རྟགས་བཀོད་ནང་ལུ་ བཀག་ཆ་འབད་ནིའི་ཆ་ཤས་ལས་རྩ་བསྐྲད་གཏང་། དཔེར་ན་ ང་བཅས་ཀྱིས་ མཐོང་སྣང་དང་པ་ “The Trapped Modal” འདི་ .modal-container འདི་ མགོ་ཡིག་ལས་ཕྱི་ཁར་སྤོ་བཤུད་འབད་དེ་ ཆ་ཤས་ནང་ལུ་ རང་གིས་སྦེ་བཙུགས་ཏེ་ བསལ་ཚུགས།

<མགོ་ཡིག་སྡེ་ཚན་="མགོ་ཡིག་">

མགོ་ཡིག་