क्या तुसें कदें बी अपने CSS च कुसै तत्व पर z-index: 99999 सेट कीता ऐ, ते एह् होर तत्वें दे उप्पर नेईं निकलदा? इन्ना बड्डा मूल्य उस तत्व गी दृष्टिगत रूप कन्नै कुसै बी चीज़ दे उप्पर आसानी कन्नै रक्खना चाहिदा , एह् मनदे होई जे सारे बक्ख-बक्ख तत्व या तां निचले मूल्य पर सेट कीते गेदे न जां बिल्कुल सेट नेईं कीते गेदे न । वेबपेज गी आमतौर उप्पर दो-आयामी स्पेस च दर्शाया जंदा ऐ; हालांकि, विशिष्ट सीएसएस गुणें गी लागू करियै, गहराई गी संप्रेषित करने आस्तै इक काल्पनिक जेड-अक्ष विमान पेश कीता जंदा ऐ। एह् समतल स्क्रीन कन्नै लंबवत ऐ, ते इस थमां, बरतूनी तत्वें दे क्रम गी, इक दे उप्पर दूए गी समझदा ऐ। काल्पनिक z-अक्ष दे पिच्छें दा विचार, ढेर कीते गेदे तत्वें दी बरतूनी दी धारणा, एह् ऐ जे इसगी बनाने आह् ले CSS गुण इकट्ठे होई जंदे न जेह् ड़े अस स्टैकिंग संदर्भ आखने आं। अस इस बारे च गल्ल करने आं जे किस चाल्ली इक वेबपेज पर तत्व "स्टैक" कीते जंदे न, स्टैकिंग क्रम गी कीऽ नियंत्रत करदा ऐ, ते जरूरत पौने पर तत्वें गी "अनस्टैक" करने दे व्यावहारिक तरीकें दे बारे च। संदर्भ ढेर करने दे बारे च अपने वेबपेज गी डेस्क दे रूप च कल्पना करो। जि’यां-जि’यां तुस HTML तत्व जोड़दे ओ, तुस कागज दे टुकड़े, इक दे बाद इक, डेस्क उप्पर बिछा करदे ओ। रक्खे गेदे कागज दा आखरी टुकड़ा हाल च गै जोड़े गेदे एचटीएमएल तत्व दे बराबर ऐ, ते एह् इसदे पैह् ले रक्खे गेदे बाकी सारे कागजें दे उप्पर बैठदा ऐ। एह् सामान्य दस्तावेज प्रवाह ऐ , नेस्टेड तत्वें आस्तै बी. डेस्क अपने आपै च रूट स्टैकिंग संदर्भ दा प्रतिनिधित्व करदी ऐ , जेह् ड़ा तत्व कन्नै बने दा ऐ , जिस च बाकी सारे फोल्डर होंदे न . हुण, विशिष्ट CSS गुण कम्म च औंदे न। स्थिति (z-index कन्नै), अपारदर्शिता, ट्रांसफॉर्म, ते कंटेंट जनेह् गुण इक फोल्डर दी तर्ज पर कम्म करदे न. एह् फोल्डर इक तत्व ते ओह्दे सारे बच्चें गी लेइयै, उनेंगी मुक्ख ढेर थमां कड्ढदा ऐ, ते उनेंगी इक बक्ख उप-स्टैक च समूहीकृत करदा ऐ, जिस कन्नै अस स्टैकिंग संदर्भ आखने आं। पोजीशनल तत्वें आस्तै, एह् उसलै होंदा ऐ जिसलै अस ऑटो दे अलावा इक z-इंडैक्स वैल्यू घोशित करदे आं। अपारदर्शिता, रूपांतरण, ते फ़िल्टर जनेह् गुणें आस्तै, विशिष्ट मूल्यें गी लागू करने पर स्टैकिंग संदर्भ स्वतः बनाया जंदा ऐ.
इसगी समझने दी कोशश करो: इक बारी जेकर कागज दा टुकड़ा (अर्थात, इक बाल तत्व) कुसै फोल्डर दे अंदर होंदा ऐ (अर्थात, माता-पिता दा स्टैकिंग संदर्भ), तां ओह् कदें बी उस फोल्डर थमां बाह् र नेईं निकली सकदा जां कुसै होर फोल्डर च कागजें दे बश्कार नेईं रक्खेआ जाई सकदा। इसदा z-इंडैक्स हून सिर्फ अपने गै फोल्डर दे अंदर गै प्रासंगिक ऐ।
हेठ दित्ते गेदे चित्र च, पेपर बी हून फोल्डर बी दे स्टैकिंग संदर्भ दे अंदर ऐ, ते सिर्फ फोल्डर च होर पेपरें कन्नै गै मंगवाई सकदा ऐ।
कल्पना करो, जेकर तुस चाहो, तां तुंदी मेज पर दो फोल्डर न:
.फोल्डर-ए { जेड-सूचकांक: 1; } ऐ .फोल्डर-बी { जेड-सूचकांक: 2; } ऐ
आओ मार्कअप गी थोड़ा अपडेट करचै। फोल्डर ए दे अंदर इक खास पृष्ठ ऐ, जेड-सूचकांक: 9999. फोल्डर बी दे अंदर इक सादा पृष्ठ ऐ, जेड-सूचकांक: 5.
.विशेष-पृष्ठ { जेड-सूचकांक: 9999; } ऐ .सादा-पृष्ठ { जेड-सूचकांक: 5; } ऐ
कुस पेज उप्पर ऐ ? एह् फोल्डर बी च .सादा-पृष्ठ ऐ ब्राउज़र बाल कागजें गी अनदेखा करदा ऐ ते पैह् ले थमां गै दो फोल्डरें गी ढेर करदा ऐ। एह् फोल्डर बी (z-index: 2) दिक्खदा ऐ ते इसगी फोल्डर A (z-index: 1) दे उप्पर रक्खदा ऐ कीजे अस जानने आं जे दो इक थमां बड्डे न। इस दरान, .special-page गी z-index: 9999 पर सेट कीता गेदा पृष्ठ ढेर दे थल्लै ऐ हालाँकि इसदा z-index उच्चतम संभव मूल्य पर सेट कीता गेदा ऐ. स्टैकिंग संदर्भें गी बी नेस्ट कीता जाई सकदा ऐ (फोल्डरें दे अंदर फोल्डर), जिस कन्नै इक "परिवार दा बूह्टा" बनाया जाई सकदा ऐ। इ’यै सिद्धांत लागू होंदा ऐ: इक बच्चा अपने माता-पिता दे फोल्डर थमां कदें बी नेईं बची सकदा। हुण जेकर तुसें गी पता चलदा ऐ जे स्टैकिंग संदर्भ कि’यां फोल्डरें दी तर्ज पर बर्ताव करदे न जेह् ड़े परतें गी समूहीकृत ते पुनर्क्रमित करदे न , तां एह् पुच्छने आह् ला ऐ : किश गुण — जि’यां ट्रांसफॉर्म ते अपारदर्शिता — नमें स्टैकिंग संदर्भ कीऽ बनांदे न ? इत्थै गल्ल एह् ऐ जे एह् गुण स्टैकिंग संदर्भ नेईं पैदा करदे न कीजे एह् किस चाल्लीं दिक्खदे न; ओह् इस आस्तै करदे न जे ब्राउज़र हुड दे हेठ किस चाल्ली कम्म करदा ऐ। जदूं तुस ट्रांसफॉर्म, अपारदर्शिता, फ़िल्टर, जां परिप्रेक्ष्य लागू करदे ओ तां तुस ब्राउज़र गी आखदे ओ, “अरे, एह् तत्व हिल सकदा ऐ, घुमाई सकदा ऐ, जां फीका होई सकदा ऐ, इसलेई तैयार रौह्ओ!”
जदूं तुस इनें गुणें दा इस्तेमाल करदे ओ तां ब्राउज़र रेंडरिंग गी होर कुशलता कन्नै प्रबंधत करने आस्तै इक नमां स्टैकिंग संदर्भ बनांदा ऐ. इस कन्नै ब्राउज़र गी एनीमेशन, ट्रांसफॉर्म, ते विजुअल इफेक्ट्स गी स्वतंत्र रूप कन्नै संभालने दी अनुमति दित्ती जंदी ऐ, जिस कन्नै इस गल्लै दी दुबारा गणना करने दी लोड़ घट्ट होई जंदी ऐ जे एह् तत्व बाकी पृष्ठ कन्नै किस चाल्ली परस्पर क्रिया करदे न। इसगी इस चाल्ली सोचो जे ब्राउज़र आखदा ऐ जे “मैं इस फोल्डर गी बक्खरा संभालगा तां जे हर बारी इसदे अंदर कुसै चीजै गी बदलने पर मिगी पूरी डेस्क च फेरबदल नेईं करना पौऐ।” पर उ’त्थें गै ऐइक दुष्प्रभाव। इक बारी जेकर ब्राउज़र कुसै तत्व गी अपनी परत च उप्पर चुक्की लैंदा ऐ तां उसी उसदे अंदर हर इक चीज़ गी "चपटा" करना होग, जिस कन्नै इक नमां स्टैकिंग संदर्भ पैदा होंदा ऐ। एह् इ’यां ऐ जि’यां इक फोल्डर गी बक्ख-बक्ख संभालने आस्तै डेस्क थमां कड्ढी लैना; उस फोल्डर दे अंदर दी हर इक चीज़ समूहीकृत होई जंदी ऐ, ते ब्राउज़र हून इसगी इक इकाई दे रूप च समझदा ऐ जिसलै एह् फैसला करदा ऐ जे केह् ड़े उप्पर केह् बैठदा ऐ। इसलेई भलेआं ट्रांसफॉर्म ते अपारदर्शिता गुण तत्वें दे नेत्रहीन ढेर होने दे तरीके गी प्रभावित नेईं करदे दिक्खेआ जाई सकदा ऐ, पर ओह् करदे न, ते एह् प्रदर्शन अनुकूलन आस्तै ऐ। कई होर CSS गुण बी इसी चाल्ली दे कारणें कन्नै स्टैकिंग संदर्भ बनाई सकदे न. जेकर तुस होर गहराई कन्नै खोदना चांह् दे ओ तां एमडीएन इक पूरी सूची उपलब्ध करोआंदा ऐ। काफी किश ऐन, जेह् ड़े सिर्फ एह् दस्सदे न जे अनजाने च बिना जानने दे स्टैकिंग संदर्भ बनाने च किन्ना आसान ऐ। “अनस्टैकिंग” दी समस्या स्टैकिंग दे मुद्दे मते सारे कारणें कन्नै पैदा होई सकदे न, पर किश होरनें कोला बी मते आम न। मोडल घटक इक क्लासिक पैटर्न ऐ की जे इस च घटक गी बाकी सारे तत्वें दे उप्पर इक शीर्शक परत पर "खुलने" आस्तै टॉगल करने दी लोड़ होंदी ऐ, फिर इसगी "बंद" होने पर शीर्शक परत थमां हटाने दी लोड़ होंदी ऐ। मेद ऐ जे अस सारें गी इस चाल्ली दी स्थिति च पेई गेदे आं जे अस इक मोडल खोल्लने आं ते, जेह्ड़ा बी कारण होऐ, एह् नेईं दिक्खने गी मिलदा। एह् नेईं ऐ जे एह् ठीक ढंगै कन्नै नेईं खुल्ली गेआ, पर एह् स्टैकिंग संदर्भ दी निचली परत च दिक्खने थमां बाह् र ऐ। इस कन् ने तुसेंगी एह़ सोचना पौना ऐ के “केह़ ह़ोया?” चूंकि तुस सेट करदे ओ:
.ओवरले { स्थिति: तय की गई; /* स्टैकिंग संदर्भ बनांदा ऐ */ जेड-सूचकांक: 1 ऐ; /* तत्व गी बाकी सब किश कोला उप्पर इक परत पर रखदा ऐ */ इनसेट: 0 ऐ; चौड़ाई: 100% ऐ; ऊंचाई: 100vh ऐ; ओवरफ्लो: छिपे दा; पृष्ठभूमि-रंग: # 00000080; } ऐ
एह् ठीक लग्गदा ऐ, पर जेकर मोडल ट्रिगर गी शामल करने आह् ला पैतृक तत्व कुसै होर पैह् ले तत्व दे अंदर इक चाइल्ड तत्व ऐ जेह् ड़ा z-इंडैक्स पर बी सेट कीता गेदा ऐ: 1, जेह् ड़ा तकनीकी रूप कन्नै मोडल गी मुक्ख फोल्डर आसेआ अस्पष्ट कीती गेदी इक उप-परत च रक्खदा ऐ. आओ उस विशिष्ट परिदृश्य ते इक-दो होर आम स्टैकिंग-संदर्भ फांसे गी दिक्खने आं। मेद ऐ जे तुस न सिर्फ दिक्खगे जे अनजाने च स्टैकिंग संदर्भ बनाने च किन्ना आसान ऐ, सगुआं उंदा गलत प्रबंधन बी कीता जा। एह्दे कन्नै गै, तुस किस चाल्लीं प्रबंधत स्थिति च वापस औंदे ओ, एह् स्थिति उप्पर निर्भर करदा ऐ। परिदृश्य 1: फंसे दा मोडल
तुस तुरत अपने मोडल गी निम्न स्तर दी परत च फंसे दे दिक्खी सकदे ओ ते माता-पिता दी पन्छान करी सकदे ओ। ब्राउज़र एक्सटेंशन स्मार्ट डेवलपर्स ने मदद करने लेई एक्सटेंशन बनाए न। इस चाल्ली दे उपकरण "CSS स्टैकिंग संदर्भ निरीक्षक" क्रोम एक्सटेंशन तुंदे DevTools च इक अतिरिक्त z-index टैब जोड़दे न तां जे तुसेंगी उनें तत्वें दे बारे च जानकारी दस्सी सकै जेह् ड़े इक स्टैकिंग संदर्भ बनांदे न.
आईडीई एक्सटेंशन तुस वीएस कोड आस्तै इस चाल्ली दे एक्सटेंशन कन्नै विकास दौरान मुद्दें गी बी स्पॉट करी सकदे ओ, जेह् ड़ा संभावित स्टैकिंग संदर्भ मुद्दें गी सीधे तुंदे संपादक च उजागर करदा ऐ.
अनस्टैकिंग एंड रिगेनिंग कंट्रोल जड़ कारण दी पन्छान करने दे बाद अगला कदम इस कन्नै निबड़ना ऐ। इस समस्या कन्नै निबड़ने लेई तुस केईं तरीकें गी अपनाई सकदे ओ, ते मैं उ’नेंगी क्रमबद्ध तरीके कन्नै सूचीबद्ध करगा। तुस कुसै बी स्तर उप्पर कुसै गी बी चुन सकदे ओ, हालांकि; कोई बी दूजे गी शिकायत नेईं करी सकदा ते ना गै बाधा पाई सकदा। एचटीएमएल संरचना बदलो इसगी इष्टतम फिक्स मन्नेआ जंदा ऐ। तुंदे आस्तै इक स्टैकिंग संदर्भ मुद्दे च दौड़ने आस्तै, तुसें अपने एचटीएमएल दे अंदर किश तत्वें गी मजेदार स्थिति च रक्खेआ होग. पृष्ठ दा पुनर्गठन करने कन्नै तुसेंगी DOM गी नमें सिरेआ आकार देने ते स्टैकिंग संदर्भ समस्या गी खत्म करने च मदद मिलग. समस्याग्रस्त तत्व गी ढूंढो ते HTML मार्कअप च ट्रैपिंग तत्व थमां हटाओ. मसाल आस्तै, अस पैह् ले परिदृश्य, "द ट्रैप मोडल" गी हल करी सकने आं, .modal-कंटेनर गी हेडर थमां बाह् र लेई जाइयै ते इसगी अपने आपै च
तत्व च रक्खियै.<शीर्षक वर्ग="शीर्षक">
शीर्षक
दा दा <मुख्य वर्ग="सामग्री">मुख्य सामग्री
इस सामग्री दा z-सूचकांक 2 ऐ ते अजें बी मोडल गी कवर नेईं करग.
दा
मोडल टाइटल
अब, मैं किसे वी चीज़ दे पिच्छे नहीं हां। डीओएम पुनर्गठन दे नतीजे दे तौर उप्पर मिगी इक बेहतर स्थिति मिली गेई ऐ।
जदूं तुस “ओपन मोडल” बटन पर क्लिक करदे ओ तां मोडल बाकी हर चीज दे सामने जि’यां होना चाहिदा ऐ उ’यां गै रक्खेआ जंदा ऐ। पेन परिदृश्य 1 दिक्खो: शोयोम्बो गैब्रियल अयोमाइड द्वारा फंसे मोडल (समाधान) [कांटा]। एडजस्ट दीसीएसएस च माता-पिता स्टैकिंग संदर्भ जेकर तत्व ऐसा ऐ जेह् ड़ा तुस लेआउट गी तोड़े बगैर नेईं लेई सकदे तां केह् होग ? इस मुद्दे गी संबोधित करना बेह्तर ऐ : माता-पिता संदर्भ गी स्थापित करदा ऐ। संदर्भ गी ट्रिगर करने लेई जिम्मेदार CSS गुण (जां गुण) गी ढूंढो ते इसगी हटाओ. जेकर इसदा कोई मकसद ऐ ते नेईं हटाया जाई सकदा तां माता-पिता गी पूरे कंटेनर गी उप्पर चुक्कने आस्तै इसदे भैन-भ्रा तत्वें थमां मता z-सूचकांक मान देओ. उच्च z-सूचकांक मूल्य कन्नै, माता-पिता कंटेनर शीर्शक पर चली जंदा ऐ, ते इसदे बच्चे बरतूनी दे नेड़े दिक्खे जंदे न. “द सबमर्जड ड्रॉपडाउन” परिदृश्य च असें जेह् ड़ा सिक्खेआ ऐ, इसदे आधार उप्पर, अस ड्रॉपडाउन गी नेवबार थमां बाह् र नेईं लेई जाई सकदे; इसदा कोई मतलब नेईं होंदा। हालांकि, अस .navbar कंटेनर दे z-index वैल्यू गी .content तत्व दे z-index वैल्यू थमां मता बनाने लेई बधा सकने आं. .नवबार { पृष्ठभूमि: # 333 ऐ; /* जेड-सूचकांक: 1; */ जेड-सूचकांक: 3 ऐ; स्थिति: रिश्तेदार; } ऐ
इस बदलाव कन्नै, .ड्रॉपडाउन-मेनू हून बिना कुसै मुद्दे दे सामग्री दे सामने दिक्खने गी मिलदा ऐ. पेन परिदृश्य 2 देखें: शोयोम्बो गैब्रियल अयोमाइड द्वारा डूब गया ड्रॉपडाउन (समाधान) [कांटा]। पोर्टलें दी कोशश करो, जेकर कोई ढांचे दा इस्तेमाल करदे ओ React जां Vue जनेह् ढांचे च, पोर्टल इक ऐसी सुविधा ऐ जेह् ड़ी तुसेंगी DOM च इसदी सामान्य पैह् ले पदानुक्रम थमां बाह् र इक घटक गी रेंडर करने दी इजाजत दिंदी ऐ। पोर्टल तुंदे घटकें लेई इक टेलीपोर्टेशन डिवाइस दे समान न। एह् तुसेंगी दस्तावेज च कुतै बी इक घटक दा HTML रेंडर करने दी अनुमति दिंदे न (आम तौर पर ठीक document.body च) जिसलै के इसगी प्रोप, राज्य, ते घटनाएं आस्तै अपने मूल माता-पिता कन्नै तार्किक रूप कन्नै जुड़े दा रक्खदे न. एह् स्टैकिंग संदर्भ जाल थमां बचने आस्तै बिल्कुल सही ऐ की जे रेंडर कीता गेदा आउटपुट शाब्दिक रूप कन्नै समस्याग्रस्त माता-पिता कंटेनर दे बाहर दिक्खने गी मिलदा ऐ. रिएक्टडोम।पोर्टल बनाओ ( <टूलटिप />, ऐ। दस्तावेज़।शरीर );
एह् सुनिश्चत करदा ऐ जे तुंदी ड्रॉपडाउन सामग्री अपने माता-पिता दे पिच्छें नेईं छिपी दी ऐ, भलेआं माता-पिता च ओवरफ्लो होऐ: छिपे दा जां इक निचले z-सूचकांक. "द क्लिपड टूलटिप" परिदृश्य च जिसगी अस पैह् ले दिक्खेआ हा, मैं टूलटिप गी ओवरफ्लो थमां बचाने आस्तै इक पोर्टल दा इस्तेमाल कीता: दस्तावेज दे शरीर च रक्खियै ते कंटेनर दे अंदर ट्रिगर दे उप्पर तैनात करियै छिपी दी क्लिप। पेन परिदृश्य 3 दिक्खो: शोयोम्बो गैब्रियल अयोमाइड द्वारा क्लिप कीता गेदा टूलटिप (समाधान) [कांटा]। बिना साइड इफेक्ट दे स्टैकिंग संदर्भ पेश करना पिछले भाग च दस्से गेदे सारे दस्तावेजें दा मकसद समस्याग्रस्त स्टैकिंग संदर्भें थमां तत्वें गी "अनस्टैकिंग" करना ऐ, पर किश ऐसी स्थितियां न जित्थै तुसेंगी असल च स्टैकिंग संदर्भ बनाने दी लोड़ होग जां चांह् दे ओ। नमां स्टैकिंग संदर्भ बनाना आसान ऐ, पर सारे दृष्टिकोण इक साइड इफेक्ट कन्नै औंदे न। मतलब, आइसोलेशन दा इस्तेमाल करने दे अलावा: आइसोलेट। जदूं कुसै तत्व उप्पर लागू कीता जंदा ऐ तां उस तत्व दे बच्चें दा स्टैकिंग संदर्भ हर बच्चे दे सापेक्ष ते उस संदर्भ दे अंदर निर्धारत कीता जंदा ऐ, बशर्ते उसदे बाहर तत्वें कन्नै प्रभावित होने दे बजाय। इक क्लासिक उदाहरण उस तत्व गी नकारात्मक मान असाइन करदा ऐ, जि'यां z-सूचकांक: -1. कल्पना करो कि तुंदे कोल इक .कार्ड घटक ऐ। तुस इक सजावटी आकृति जोड़ना चांह् दे ओ जेह् ड़ी .card दे पाठ दे पिच्छें बैठी दी होए, पर कार्ड दी पृष्ठभूमि दे उप्पर। कार्ड पर स्टैकिंग संदर्भ दे बगैर, z-इंडैक्स: -1 आकृति गी रूट स्टैकिंग संदर्भ (पूरा पृष्ठ) दे थल्लै भेजदा ऐ। इस कन्नै एह् .card दी सफेद पृष्ठभूमि दे पिच्छें गायब होई जंदा ऐ: शोयोम्बो गैब्रियल अयोमाइड द्वारा पेन नकारात्मक जेड-सूचकांक (समस्या) [कांटा] देखें। इसगी हल करने लेई, अस अलगाव घोशित करदे आं: माता-पिता .कार्ड पर अलग-थलग: शोयोम्बो गैब्रियल अयोमाइड द्वारा पेन नकारात्मक जेड-सूचकांक (समाधान) [कांटा] देखें। हुण, .card तत्व अपने आप च इक स्टैकिंग संदर्भ बनी जंदा ऐ। जदूं इसदा चाइल्ड तत्व — :before pseudo-element पर बनाई गेदी सजावटी आकृति — च z-index: -1 होंदा ऐ तां एह् माता-पिता दे स्टैकिंग संदर्भ दे बिल्कुल थल्लै चली जंदा ऐ. एह् पाठ दे पिच्छें ते कार्ड दी पृष्ठभूमि दे उप्पर, जि’यां इरादा ऐ, बिल्कुल बैठदा ऐ। निष्कर्ष निकालना याद रखो: अगली बारी जेकर तुंदा z-इंडैक्स नियंत्रण थमां बाह् र लगदा ऐ तां एह् इक फंसे दा स्टैकिंग संदर्भ ऐ. संदर्भ दित्ते गेदे न
स्टैकिंग संदर्भ (एमडीएन) ऐ। जेड-सूचकांक ते स्टैकिंग संदर्भ (web.dev) “सीएसएस च आइसोलेशन प्रॉपर्टी कन्नै इक नमां स्टैकिंग संदर्भ किस चाल्ली बनाना ऐ”, नताली पिना “व्हाट द हेक, जेड-इंडैक्स??”, जोश कोमेओ
स्मैशिंगमैग पर होर पढ़ना
“बड्डी परियोजनाएं च सीएसएस जेड-इंडैक्स दा प्रबंधन”, स्टीवन फ्रीसन “चिपचिपा हेडर ते फुल-हाईट तत्व: इक पेचीदा संयोजन”, फिलिप ब्राउनेन “एक घटक-आधारित वेब एप्लीकेशन च जेड-इंडैक्स दा प्रबंधन”, पावेल पोमेरेंसेव “द जेड-इंडैक्स सीएसएस संपत्ति: इक व्यापक नज़र”, लुईस लाजारिस
