सीएसएस z- सूचकांक: एक सिंहावलोकन, गुण

नियम सीएसएस z- सूचकांक - पृष्ठ तत्व स्थिति समन्वय Z: प्रदर्शन तत्व या परत जिसमें यह स्थित है स्तर। टैग है कि z- सूचकांक अधिक से अधिक पूर्ण रूप से प्रदर्शित किया जाएगा। टैग क्रम में वे भेजे प्रवाह और ओवरलैप में प्रदर्शित में प्रदर्शित होते हैं। приоритет видимости. Z- इंडेक्स मान दृश्यता प्राथमिकता निर्धारित करता है।

हम आधुनिक ब्राउज़रों और एल्गोरिदम प्रदर्शन तत्वों को श्रद्धांजलि भुगतान करना होगा। दिन गए जब ग्राफिक्स और कब्जा कर लिया स्क्रीन अनुप्रयोग विंडो में तत्वों की कतरन समस्या दृश्य और अदृश्य भागों का गठन के बाद से, दिखाई प्रदर्शन प्रौद्योगिकी सामग्री उत्कृष्ट परिणाम तक पहुँच गया है। एक ब्राउज़र विंडो में, सभी तत्वों को सही ढंग से प्रदर्शित कर रहे हैं, उपयोगकर्ता देखता ही क्या निर्दिष्ट किया जाता है डिजाइन या डेवलपर।

सामान्य नियम: आदेश और के स्तर पर

इनपुट धारा (पेज गठन सर्वर) क्रमिक रूप से ब्राउज़र पढ़ता है। सभी टैग सीएसएस नियमों के अनुसार प्रदर्शित किए जाते हैं और ओवरलैप हो सकता है।

इस उदाहरण चार दिखाई तत्व का वर्णन है। प्रत्येक लगातार पिछले एक के ऊपर चढ़ जाता। स्थानों पर जहां टैग पार कर रहे हैं, वहाँ प्राथमिकता का सवाल है। इन सभी एक ही और 848 के बराबर के लिए एक नियम z- सूचकांक सीएसएस टैग के रूप में, यह है कि तत्व है जो इस प्रकार है स्पष्ट हो जाएगा। सभी कि अगले तत्व में से प्रत्येक के नीचे से बाहर peeks, जाहिरा तौर पर।

नियम दृश्यता

ब्राउज़र दृश्यता के नियमों केवल 'निष्पक्ष' का निरीक्षण। बहुत मुश्किल है - एक एल्गोरिथ्म है कि, तुम सब सकल लगाने का विश्लेषण और है कि वास्तव में एक दूसरे को काटना केवल उन का उपयोग करने के लिए अनुमति देता है उन भागों जो बाद एक तत्व द्वारा अवशोषित कर रहे हैं को छोड़कर साथ आने के लिए।

ज्यादातर मामलों में यह आवश्यक नहीं है। आधुनिक उपकरण बहुत तेजी से है, और नोटिस बिंदु है जहां वह अगले तत्व को अवरुद्ध कर देगा करने के लिए तत्व पुनः बनाने, बहुत समस्याग्रस्त है।

तत्व सरणी पर प्रभाव

तीसरे टैग करने के लिए यह पर्याप्त scCSS3 z- सूचकांक में वृद्धि, और scCSS4 पर - यह कम करने के लिए, कुल तस्वीर बदल जाता है। धारा में तत्वों के क्रम को एक ही रहता है:

• id= 'scCSS1'; div id = 'scCSS1';
• id= 'scCSS2'; div id = 'scCSS2';
• id= 'scCSS3'; div id = 'scCSS3';
• id= 'scCSS4'. div id = 'scCSS4'।

यह ध्यान देने योग्य है कि दूसरी वास्तव में यह तस्वीर है और अधिक स्थान की तुलना में यह लगता है लेता है। तीसरे चित्र में ही है। इसके अलावा, यह एक दूसरे से एक दूरी पर दो भागों (दो अंडे) के होते हैं।

क्षेत्रों, जो दूसरे और तीसरे छवियों पर कब्जा के वास्तविक आकार क्रमश: पीले और भूरे रंग में प्रकाश डाला है।

पृष्ठभूमि रंग करने के लिए z- सूचकांक के संयोजन

यह ध्यान देने योग्य है कि सीएसएस पृष्ठभूमि और z- सूचकांक के गुणों को एक दूसरे के पूरक हैं। सभी ब्लॉक स्तर तत्वों, और किसी अन्य के लिए, हमेशा अधिकतम ऊंचाई और सामग्री के अधिकतम चौड़ाई द्वारा गठित एक आयताकार क्षेत्र पर कब्जा।

छवियों का उपयोग करके आप किसी भी रूप क्षेत्र तत्व कर सकते हैं, लेकिन उसके चारों ओर वहाँ हमेशा एक आयत किया जाएगा। यह एक तथ्य यह है कि यह ध्यान में ठीक से लेने के लिए महत्वपूर्ण है।

आप एक मार्ग का चयन किया आकार पर पाठ जगह कर सकते हैं, लेकिन यदि आप नहीं करते हैं, सामग्री किसी भी तत्व को एक आयताकार बॉक्स में, क्रमिक, इनपुट के प्राप्त होने पर हो जाता है।

गुण का प्रयोग तत्व जिसका पृष्ठभूमि रंग मूल्य पारदर्शी (पारदर्शिता का एक प्रकार) है, किसी भी सर्किट तत्व का अनुकरण कर सकते हैं में z- सूचकांक सीएसएस। में हालांकि वास्तविकता तत्व में किसी भी मामले आयताकार है।

घटनाक्रम और दृश्य तत्वों

स्थानों पर जहां तत्व एक और तत्व द्वारा अवरुद्ध है में, घटनाओं यह काम नहीं करेगा। एक सामान्य नियम के रूप में, यदि आइटम दृष्टि से बाहर है, वह भी उपलब्धता क्षेत्र है।

एक डेवलपर बटन या मेनू आइटम को लॉक करना चाहता है, यह अच्छी तरह से ताला टैग पर एक और टैग, रखा जा सकता है शायद एक पारदर्शी (जैसे, सीएसएस अस्पष्टता के नियम का उपयोग कर), लेकिन किसी भी मामले में एक उच्च सीएसएस z- सूचकांक रहा।

घटना, देखने के उपयोगकर्ता बिंदु से के बाद से, प्रासंगिक में बांटा जा सकता है और किसी भी जरूरत नहीं है, तो पिछले (, माउस को ले कीबोर्ड पर यादृच्छिक बटन दबाने, टाइमर सिग्नल) पर्याप्त रूप से ब्राउज़र विंडो में सामग्री को बदलने के लिए इस्तेमाल किया जा सकता है।

एक साधारण उदाहरण: एक आगंतुक ले जाया गया है माउस सूचक मेनू आइटम पर है, लेकिन अभी तक कुछ करने के लिए निर्णय नहीं लिया है। डेवलपर वांछित बात करने के लिए बातचीत के आंदोलन को ट्रैक करने के एक घटना प्रदान कर सकता है (क्लिक करें - एक आगंतुक का फैसला करता है) और एक पर्याप्त सामग्री प्रदर्शित। नियम सीएसएस z- सूचकांक सबसे अच्छा अवसर के लिए उपयुक्त है।

चित्र प्रारूप

चित्रों के किसी भी साइट के लिए एक महत्वपूर्ण निर्माण सामग्री रहे हैं (सौंदर्य, आधुनिकता, कार्यक्षमता - है चीजों के सामान्य नियम), यह छवि प्रारूप विकल्पों के लिए काफी महत्व की है।

काफी हद तक आप मौजूदा प्रारूपों के सभी किस्म का उपयोग कर सकते हैं, लेकिन व्यावहारिकता और प्रभाव के मामले में स्थिर छवियों और * .gif के लिए सीमित करने के लिए * .png काफी उचित है - एनिमेटेड चित्रों के लिए। लोकप्रिय * .jpg भी अच्छा है, लेकिन यह लचीलापन प्रदर्शन स्थान हेरफेर करने की अनुमति नहीं देता है।

ब्राउज़र कीड़े और डेवलपर

नहीं तो अक्सर मामले में, जब सीएसएस z- सूचकांक काम नहीं करता है, लेकिन यह होता है। व्यापक स्टाइल शीट्स की शर्तें हमेशा काम करते हैं, और शैली फ़ाइल की मात्रा अक्सर महत्वपूर्ण मात्रा तक पहुँचते हैं। जब कुछ प्रदर्शित नहीं किया जाता है, या बस क्या होना चाहिए की जरूरत नहीं है, पहले, अपने खुद के कोड की जांच करना चाहिए तो अपना ब्राउज़र संचय साफ और अपने खुद के कोड फिर से परीक्षण करें।

HTML और सीएसएस व्याख्या करना, ब्राउज़र लगभग है गलती नहीं करता है - यह एक स्वयंसिद्ध है। इच्छित आइटम करता है यदि नहीं, तो, के डिजाइन में सीएसएस {स्थिति: पूर्ण; z- सूचकांक: 112,233; बाएं: 10px; शीर्ष: 20px; } ... कुछ याद आ रही है या नहीं दर्ज की गई है।

सबसे आम गलती - गलत दिखाया तत्व एक निरपेक्ष या रिश्तेदार की स्थिति पर उसकी दृश्यता के लिए एक संदर्भ याद आ रही है। कभी कभी यह तत्व पर सीधे शैली निर्दिष्ट करने के लिए काम करते हैं और उनकी शैली नहीं है सकते हैं। उत्तरार्द्ध मामले में, यह एक तरह से बाहर है, लेकिन यह मुख्य रूप से कोड में त्रुटि के कुछ प्रकार के बारे में बात कर रहा है।

शैली वर्ग या आईडी शैली में होना चाहिए। तत्व की शैली ओर इशारा करते हुए होना चाहिए केवल असाधारण मामलों में।

jQuery.css (z- सूचकांक, 123) का उपयोग करते हुए भी अगर वर्ग या पहचानकर्ता के लिए लागू नहीं है, एक त्रुटि हो सकती है। इसके अलावा, jQuery - वास्तव में एक उल्लेखनीय विकास उपकरण। हालांकि, इससे पहले कि आप लागू होते हैं, सोचने के लिए चोट नहीं: तात्कालिक मतलब है HTML / CSS, z- सूचकांक के साथ बांटना करने के लिए यह संभव है - एक नियम है कि तत्काल ध्यान देने की आवश्यकता नहीं है नहीं है।

तार्किक परतों की सही आंदोलन, और

परफेक्ट पेज - फ्लैट। किसी भी मामले में, अब तक एक भारी पैमाने में वास्तविक त्रि-आयामी छवि से पहले, और इस विशेष जरूरत होती नहीं। आधुनिक वेबसाइटों - यह एक वास्तविक अनुभव, वास्तविक दुनिया कार्य है। वे सिर्फ अच्छी तरह से काम करते हैं और एक फ्लैट त्रि-आयामी छवि दिखाने की जरूरत है।

वैसे, की घटना लैंडिंग पृष्ठ विकल्प "साइट निर्माण" के रूप में (लैंडिंग पृष्ठ) - सबसे अच्छा सबूत है कि फ्लैट आयताकार आकार और सूखी, लेकिन बहुत सटीक सामग्री - यह भी अच्छा है और व्यावहारिक। लेकिन यह ध्यान दिया जाना चाहिए कि उनके मुख्य बात करने के लिए अटक एकाधिकार कंपनियों की साइटों - कंपनी, अपनी कार्यक्षमता और बिजली उत्पादन के चेहरे। सूचना प्रौद्योगिकी दानव का मानना था कि लैंडिंग पृष्ठों - यह छोटे व्यवसायों का सामना करना, उपसाधन, हर्बालाइफ और अन्य है "गहने।"

यह पसंद है या नहीं, इस तथ्य सही में, भविष्य में दिखाई देंगे। यह महत्वपूर्ण है कि न केवल परतों सामग्री में पेंट करने के लिए, लेकिन यह भी एक वेबसाइट के निर्माण के किसी भी संस्करण में उन दोनों के बीच उचित आंदोलन सुनिश्चित करने के लिए समझ में आता है।

बहुत बढ़िया समाधान - AJAX (पेज आवश्यकतानुसार अद्यतन किया जाता है)। इससे भी अधिक होनहार समाधान, जब पेज से पता चलता है कि यह ब्राउज़र विंडो के इस बिंदु पर आवश्यक है।

वास्तव में, z- सूचकांक - इस सरल नियम सीएसएस। इसका उद्देश्य - टैग के स्तर को दिखाने के लिए इतना है कि ब्राउज़र निर्धारित कर सकते हैं जब प्रदर्शन तत्व और इस तत्व का कौन सा हिस्सा ही दिखाई देंगी। लेयर और पेज - एक बहुत ही रिश्तेदार धारणा है, क्योंकि यह पेज डिजाइन और अलग अलग सामग्री प्रदर्शित करने के लिए नियम z- सूचकांक के अर्थ को ध्यान में रखना समस्याग्रस्त है।

आमतौर पर, एक डेवलपर पसंदीदा संख्या चुनता है, और एक पंक्ति में सभी टैग करने के लिए यह देता है, और तथ्य यह है कि हम किसी भी तरह बाहर खड़ा करना है कि, अगले नंबर प्रदान करती है। परतों और पृष्ठों के स्तर को महत्व देते हैं - विशेष रूप से प्रगतिशील और होनहार प्रथाओं नहीं है।

हालांकि, अगर आगंतुक के साथ बातचीत करने के लिए कदम अर्थ विज्ञान z- सूचकांक, यह संभव एक व्यावहारिक प्रभाव बनाने के लिए है। कैसे टैग एक दूसरे पर आरोपित किया जा सकता है की तरह, यह एक संवाद (साइट आगंतुक) लागू करने और उन दोनों के बीच आंदोलन प्रदर्शन करने के लिए संभव है। इस दृष्टिकोण से, सीएसएस z- सूचकांक के नियमों के आवेदन बहुत संभव और व्यावहारिक प्रतीत होता है।