CSS z-ኢንዴክስ: እይታ, ንብረቶች

CSS z-ኢንዴክስ የመግዛት - የገጽ አባል ቦታ ፐ ለማስተባበር; ይህም የሚገኝበት የማሳያ አባል ወይም ንብርብር ደረጃ. z-ኢንዴክስ ይበልጣል ያለው ታግ ሙሉ ውስጥ ይታያል. መለያዎች እነሱ ገቢ ፍሰት እና መደራረብ ውስጥ በቅደም ተከተል መታየታቸው ውስጥ ይታያሉ. приоритет видимости. ዜድ-ኢንዴክስ ዋጋ ታይነት ቅድሚያ ይወስናል.

እኛ ዘመናዊ አሳሾች እና ስልተ የማሳያ ንጥረ ግብር መክፈል አለባቸው. ግራፊክስ እና የተያዙ ማያ ገጾች ከመተግበሪያው መስኮት ውስጥ አባሎች ከጋዜጣ ላይ ችግር የሚታይ እና የማይታዩ ክፍሎች የተቋቋመው ጊዜ ዘመን ጀምሮ, የሚታይ ማሳያ ቴክኖሎጂ ይዘት ግሩም ውጤቶች ላይ ደርሷል. አንድ አሳሽ መስኮት ውስጥ, ሁሉንም ነገሮች ተጠቃሚው ንድፍ ወይም ገንቢ ካልተገለጸ ነው ብቻ ያያል: በትክክል ይታያሉ.

A ጠቃላይ ደምብ: ትዕዛዙ እና ደረጃ

የግቤት ዥረት (ገጽ የተቋቋመው አገልጋይ) በቅደም ተከተል አሳሹ ያነባል. ሁሉም መለያዎች በ የሲ ደንቦች መሰረት ይታያሉ እና መደራረብ ይችላል.

ይህ ምሳሌ አራት የሚታይ አባል ይገልጻል. እያንዳንዱ ተከታታይ አንድ ቀዳሚ ሰው ይደራረባል. መለያዎችን ከተሻገረ ናቸው ቦታዎች ውስጥ ቅድሚያ አንድ ጥያቄ አለ. እነዚህ ሁሉ ተመሳሳይ እና 848 ጋር እኩል የሆነ ደንብ z-ኢንዴክስ የሲ መለያዎች እንደ ይህም እንደሚከተለው ይሄዳል ይህም በዚያ ኤለመንት ግልጽ ይሆናል. ሁሉ ይመስላል, በሚቀጥለው ንጥረ እያንዳንዱ ሥር ወጥቶ ቲክስ.

ደንብ ታይነት

አሳሾች ታይነት ደንቦችን ብቻ "ፍትሃዊ" ትጠብቃላችሁ. በጣም አስቸጋሪ ነው - እያንዳንዱ ተከታታይ አባል በማድረግ ላይ ያረፈ እነዛ ክፍሎች ሳይጨምር, አንተ በእርግጥ አቋርጠው በሙሉ አጠቃላይ ውሳኔን ለመተንተን እና ብቻ እንዲጠቀም የሚፈቅድ አንድ ስልተ ጋር ለመምጣት.

በአብዛኛዎቹ ሁኔታዎች ውስጥ ይህ አስፈላጊ አይደለም. ዘመናዊ መሣሪያዎች በጣም ፈጣን ነው, እና ቀጣዩን አባል ማገድ የት ነጥብ አባል ወደ ሳል ሊያስተውሉ, በጣም አስቸጋሪ ነው.

በ አባል ድርድር ላይ ተጽዕኖ

የ z-ኢንዴክስ ለመጨመር scCSS3 ሦስተኛው መለያ ጋር በቂ እና scCSS4 ላይ - ይህ ለመቀነስ, ጠቅላላ ምስል ተለውጧል ነው. ዥረቱ ውስጥ ንጥረ ነገሮች ቅደም ተከተል ተመሳሳይ ይቆያል;

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

ይህ ሁለተኛው ስዕል በትክክል ነው ይመስላል የበለጠ ቦታ ሲይዝ መሆኑ መታወቅ አለበት. ሶስተኛው ስዕል ተመሳሳይ ነው. ከዚህም በላይ እርስ በርሳቸው አንድ ርቀት ላይ ሁለት ክፍሎች (ሁለት እንቁላል) ያካትታል.

ሁለተኛ እና ሦስተኛ ምስሎች ልንሰጣቸው ይህም ክልሎች, ትክክለኛ መጠን በቅደም ቢጫ እና ግራጫ ውስጥ ጎላ ብለው ነው.

የጀርባ-ቀለም ወደ z-ኢንዴክስ ጥምረት

ይህ CSS ዳራ እና z-ኢንዴክስ ያለውን ባህሪያት እርስ በርስ የሚደጋገፉ መሆኑ መታወቅ አለበት. ሁሉም የማገጃ-ደረጃ ክፍሎች, እና ማንኛውም ሌላ ሁልጊዜ ከፍተኛው ከፍታ እና ከፍተኛውን የይዘት ስፋት በ በተቋቋመው አንድ ማዕዘን አካባቢ ይጠይቃል.

ምስሎችን በመጠቀም, በማንኛውም መልክ መስክ ኤለመንት ማድረግ ይችላሉ, ነገር ግን እሱን ዙሪያ ሁልጊዜ ሬክታንግል በዚያ ይሆናል. ይህ በትክክል መለያዎ መግባት መውሰድ አስፈላጊ መሆኑን ሐቅ ነው.

አንድ መንገድ በተመረጡ ቅርጽ ላይ ጽሑፍ ማስቀመጥ ይችላሉ, ነገር ግን አንተ ማድረግ ከሆነ, ይዘቱ ግብዓት ሲደርሰው, በተከታታይ, ማዕዘን ሳጥን ውስጥ ማንኛውም አባል ያገኛል.

ይጠቀሙ ባህሪያት የማን የጀርባ-ቀለም ዋጋ (ግልጽነት አይነት) ግልጽነት ነው, ማንኛውም የወረዳ አባል መቅሰም ይችላሉ አባሉ ውስጥ z-ጠቋሚ CSS. ውስጥ ቢሆንም እውነታው አባሉ ውስጥ በማንኛውም ሁኔታ ማዕዘን ነው.

ክስተቶች እና የሚታዩ ክፍሎች

የ አባል ከሌላ ኤለመንት ታግዷል ቦታዎች ላይ, ክስተቶች ይህን አይሰራም. እንደ አጠቃላይ ደንብ እንደ ንጥል ፊት ውጭ ከሆነ, እሱ ደግሞ መገኘት ቀጠና ነው.

ገንቢ አዝራሩን ወይም ምናሌ ንጥል መቆለፍ የሚፈልግ ከሆነ, እንዲሁም ያለውን የመዝጋት መለያ ላይ ሌላ መለያ, መቀመጥ ይችላል ምናልባትም ግልጽነት (ለምሳሌ, የ CSS በርሃን የበላይነት በመጠቀም) ከፍተኛ የሲ z-ኢንዴክስ ያላቸው, ነገር ግን በማንኛውም ሁኔታ ውስጥ.

አመለካከት ተጠቃሚው ነጥብ ከ ክስተት, ወዲህ, ተገቢ ሊከፈል ይችላል እና ማንኛውም የላቸውም, ከዚያም የመጨረሻው (, መዳፊት የሚንቀሳቀሱ ሰሌዳ ላይ የዘፈቀደ አዝራሮች በመጫን, ቆጣሪ ሲግናል) በበቂ ሁኔታ የአሳሽ መስኮት ውስጥ ያለውን ይዘት ለመቀየር ጥቅም ላይ ሊውል ይችላል.

አንድ ቀላል ምሳሌ: አንድ ጎብኚ ተወስዷል የመዳፊት ጠቋሚ ምናሌ ንጥል ላይ, ነገር ግን ገና አንድ ነገር ለማድረግ ወሰንን አልቻሉም. እና በቂ ይዘት ለማሳየት - የ ገንቢ የተፈለገውን ነጥብ ውይይት እንቅስቃሴ ለመከታተል ክስተት ማቅረብ ይችላል (አንድ ጎብኚ ይወስናል ጠቅ አድርግ). የደንብ CSS z-ኢንዴክስ ለሠርጉ ምርጥ የተመቸ ነው.

ስዕል ቅርጸት

ምስሎች ማንኛውም ጣቢያ ጠቃሚ ሕንፃ ቁሳዊ በመሆናቸው (ውበት, modernity, ተግባራዊነት - ነገሮች ከተለመደው የተለመደ ነው), ይህ ምስል ቅርጸት ምርጫዎች ትልቅ ቦታ የሚሰጠው ነው.

በጥቅሉ, እናንተ ነባር ቅርጸቶች ሁሉ የተለያዩ መጠቀም ይችላሉ, ነገር ግን ይነጋገራሉ እና ውጤታማነት አንፃር የማይንቀሳቀሱ ምስሎች እና * .gif ለ * .png አጋዘ ዘንድ በጣም ምክንያታዊ ነው - አኒሜሽን ስዕሎች ለ. ታዋቂ * .jpg ደግሞ መልካም ነው, ነገር ግን አካሂዷል ማሳያ ቦታ ለመጠምዘዝ አይፈቅድም.

የአሳሽ ሳንካዎች እና ገንቢ

በጣም ብዙ ጊዜ ጉዳዩ: የ CSS z-ኢንዴክስ አይሰራም ጊዜ ግን የሚያጋጥም ነገር አይደለም. cascading ቅጥ ወረቀቶች ውል ሁልጊዜም መስራት, እና ቅጥ ፋይል መጠን ብዙውን ጊዜ ጉልህ ጥራዞች መድረስ. ነገር የሚታይ አይደለም, ወይም ልክ መሆን አለበት ነገር የላቸውም ጊዜ, በመጀመሪያ, የራስዎን ኮድ ያረጋግጡ ከዚያ የአሳሽ መሸጎጫ ለማጽዳት እና እንደገና የራስዎን ኮድ መሞከር አለበት.

HTML እና CSS በመተርጎም, አሳሹ ስህተቶች ለማድረግ አይደለም ለማለት ነው - አንድ መለኮታዊነት ነው. የተፈለገውን ንጥል የሚያደርግ ከሆነ አይደለም, ከዚያም ወደ ውስጥ ንድፍ ውስጥ CSS {ቦታ: ፍጹም; z-ኢንዴክስ: 112233; በስተግራ: 10px; ከላይ: 20 ፒክስል; } ... ነገር ተመዝግቧል ጠፍቷል ወይም አይደለም ነው.

በጣም የተለመደው ስህተት - ትክክል አባል የሚታይ አንድ ፍጹማዊ ወይም አንጻራዊ ቦታ ላይ የታይነት ማጣቀሻ ይጎድለዋል. አንዳንድ ጊዜ ይህ ኤለመንት ላይ በቀጥታ ቅጥ መግለፅ ለመስራት እና ቅጥ አይደለም ይችላሉ. በኋላኛው ጉዳይ, ውጭ የሆነ መንገድ ነው, ነገር ግን በዋነኝነት ኮድ ውስጥ ስህተት አንዳንድ ዓይነት ስለ ነው.

ቅጥ በክፍሉ ወይም መታወቂያ ቅጥ ውስጥ መሆን አለበት. በ ኤለመንት ላይ የአጻጻፍ በመጠቆም አለባቸው ለየት ያሉ ጉዳዮችን ብቻ ነው.

ለክፍሉ ወይም መለያ ሊተገበር አይደለም ከሆነ jQuery.css (z-ኢንዴክስ, 123) መጠቀም ደግሞ አንድ ስህተት ሊያስከትል ይችላል. በተጨማሪም, jQuery - እውነተኛ አስገራሚ ክንውን መሣሪያ. እርስዎ ከማመልከትዎ በፊት ይሁን እንጂ, እንዲያስቡ አይጎዳቸውም; የሚቻል ነው ማለት improvised ኤችቲኤምኤል / የሲ, z-ጠቋሚ ጋር ለማቅረብ - አፋጣኝ ትኩረት የሚጠይቁ እንዳልሆነ ደንብ አይደለም.

ሎጂካዊ በማነባበር ትክክለኛውን እንቅስቃሴ, እና

ፍጹም ገጽ - ጠፍጣፋ. በማንኛውም ሁኔታ ውስጥ, ወደ ሩቅ አንድ ግዙፍ ሚዛን ውስጥ እውነተኛ ሶስት-ልኬት ምስል በፊት, እና ይህን በተለይ ለሚያስፈልጋቸው. ዘመናዊ ድር - አንድ እውነተኛ ልምድ, በእውነተኛው ዓለም ተግባራትን ነው. እነሱ ብቻ በደንብ ለመስራት እና ጠፍጣፋ ሶስት-ልኬት ምስል ማሳየት ይኖርብናል.

መንገድ በማድረግ, ያለውን ክስተት በማረፊያው ገጽ አማራጮች »ጣቢያ ግንባታ" መልክ (ማረፊያ ገጽ) - የተሻለ ማስረጃ መሆኑን ለጥ አራት ማዕዘን ቅርጽ እና ደረቅ, ነገር ግን እጅግ በጣም ትክክለኛ ይዘት - ደግሞ ጥሩ እና ተግባራዊ. ነገር ግን መታወቅ ያለበት ያላቸውን ዋናው ነገር የሙጥኝ ሞኖፖሊ ኩባንያዎች መካከል ጣቢያዎች - ኩባንያ, የራሱን ተግባር እና የኃይል ምርት ፊት. ይህም አነስተኛ የንግድ ድርጅቶች, መለዋወጫዎች, Herbalife እና ሌሎች ፊት ለፊት ነው - ኢንፎርሜሽን ቴክኖሎጂ Monsters እንደሆነ ማረፊያ ገጾች ተሰማኝ "ጌጣጌጥ."

ይህም እንደ ወይም አይደለም, ትክክል እንዲያውም, ወደፊት ያሳያል. ይህ ብቻ አይደለም ንብርብሮች ይዘት ውስጥ ለመቀባት, ግን ደግሞ አንድ ድር ጣቢያ ለመገንባት ማንኛውም ተለዋጭ አጠገብ በእነርሱ መካከል ተገቢ እንቅስቃሴ ለማረጋገጥ ትርጉም ይሰጣል አስፈላጊ ነው.

እጅግ በጣም ጥሩ መፍትሔ - አጃክስ (ገጽ እንደ አስፈላጊነቱ ዘምኗል ነው). ከገጹ በአሳሽ መስኮት በዚህ ነጥብ ላይ አስፈላጊ መሆኑን ያሳያል ጊዜ ይበልጥ ተስፋ መፍትሄ,.

እንዲያውም, z-ኢንዴክስ - ይህ ቀላል ደንብ CSS. ዓላማውን - የዚህ ንጥረ ማሳያ ኤለመንት እና የትኛው ክፍል የሚታይ ይሆናል መቼ አሳሹን መወሰን እንድንችል መለያ ደረጃ ለማሳየት. ንብርብር እና ገጽ - በጣም አንጻራዊ ሐሳብ, ይህ ገጽ እንዲሰሩ እና የተለያዩ ይዘት ማሳያ ለ አእምሮ ውስጥ የደንብ z-ኢንዴክስ ትርጉም ለመጠበቅ ችግር ስለሆነ.

በተለምዶ, ገንቢ የሆነ ተወዳጅ ቁጥር ይመርጣል, እናም በአንድ ረድፍ ውስጥ ሁሉም መለያዎች ጋር ይሰጠናል; እኛም በሆነ ውጭ መቆም አለብን እውነታ, በሚቀጥለው ቁጥር ይመድባል. የ ንብርብሮች እና ገጾችን ደረጃ አስፈላጊነት ያያይዙ - በተለይ ተራማጅ እና ተስፋ ልማዶች አይደለም.

ይሁን እንጂ, ጎብኚው ጋር ውይይት ለማድረግ በመንቀሳቀስ ትርጉሞቹ z-ኢንዴክስ ከሆኑ, አንድ ተግባራዊ ውጤት መፍጠር ይቻላል. መለያዎች በእያንዳንዱ በሌሎች ላይ የተቀመጠ መሆን የምንችለው እንዴት በተመሳሳይ, ውይይት (ጣቢያ ጎብኚ) ለመጫን እና በመካከላቸው እንቅስቃሴ ማከናወን ይቻላል. በዚህ አመለካከት, CSS z-ኢንዴክስ ያለውን ደንቦች ትግበራ በጣም ማቋቋም እና ተግባራዊ ይመስላል.