CSS ដែល Z-សន្ទស្សន៍: ទិដ្ឋភាពទូទៅលក្ខណៈសម្បត្តិ

វិធាន Z-សន្ទស្សន៍ជា CSS - ទីតាំងធាតុទំព័រសម្របសម្រួល Z បាន: កម្រិតនៃធាតុបង្ហាញឬស្រទាប់ដែលវាស្ថិតនៅ។ ស្លាកដែលមានសន្ទស្សន៍កាន់តែច្រើន z នឹងត្រូវបង្ហាញក្នុងពេញលេញ។ ស្លាកត្រូវបានបង្ហាញនៅក្នុងលំដាប់ដែលពួកវាបង្ហាញនៅក្នុងលំហូរចូលនិងត្រួតស៊ីគ្នានោះទេ។ приоритет видимости. សន្ទស្សន៍តម្លៃ Z បានកំណត់អាទិភាពភាពមើលឃើញនោះទេ។

យើងត្រូវតែបង់ពន្ធដារឱ្យកម្មវិធីរុករកទំនើបនិងធាតុបង្ហាញក្បួនដោះស្រាយ។ ចាប់តាំងពីថ្ងៃពេលដែលក្រាហ្វិកនិងអេក្រង់ចាប់យកបានបង្កើតឡើងផ្នែកដែលមើលឃើញនិងការច្រឹបមានបញ្ហាមើលមិនឃើញនៃធាតុនៅក្នុងបង្អួចកម្មវិធីនេះ, មាតិកាបច្ចេកវិទ្យាអេក្រង់ដែលអាចមើលឃើញបានឈានដល់លទ្ធផលល្អប្រសើរ។ ក្នុងបង្អួចកម្មវិធីរុករក, ធាតុទាំងអស់ត្រូវបានបង្ហាញយ៉ាងត្រឹមត្រូវដែលអ្នកប្រើមើលឃើញតែអ្វីដែលត្រូវបានបញ្ជាក់រចនាឬអភិវឌ្ឍន៍។

ក្បួនទូទៅ: ការបញ្ជាទិញនិងកម្រិតនៃការ

ស្ទ្រីមបញ្ចូល (ទំព័រម៉ាស៊ីនបម្រើបានបង្កើតឡើង) បន្តអានកម្មវិធីរុករក។ ស្លាកទាំងអស់ត្រូវបានបង្ហាញក្នុងការអនុលោមតាមច្បាប់ CSS និងអាចត្រួតលើគ្នា។

ឧទាហរណ៍នេះរៀបរាប់អំពីធាតុដែលអាចមើលឃើញបួន។ បន្តបន្ទាប់គ្នាស៊ីគ្នាជាមុនមួយ។ នៅក្នុងទីកន្លែងដែលជាកន្លែងដែលត្រូវបានឆ្លងកាត់ស្លាក, មានសំណួរនៃអាទិភាពមួយ។ ក្នុងនាមជា z ការគ្រប់គ្រងស្លាកសន្ទស្សន៍សម្រាប់ទាំងអស់ដូចជា CSS ទាំងនេះនិងស្មើទៅនឹង 848, វានឹងក្លាយទៅជាច្បាស់ធាតុដែលទៅដូចខាងក្រោមនោះ។ ទាំងអស់ដែល peeks ចេញពីក្រោមគ្នានៃធាតុបន្ទាប់ជាក់ស្តែង។

ភាពមើលឃើញច្បាប់

កម្មវិធីរុករកសង្កេតច្បាប់នៃភាពមើលឃើញតែប៉ុណ្ណោះ "ត្រឹមត្រូវ" ។ ដើម្បីមកឡើងជាមួយនឹងក្បួនដោះស្រាយដែលអនុញ្ញាតឱ្យអ្នកវិភាគទាំងអស់ដែលដាក់សរុបនិងប្រើតែអ្នកដែលពិតជាកាត់ដោយមិនរាប់បញ្ចូលផ្នែកដែលត្រូវបានស្រូបយកអ្នកដែលមានធាតុបន្តបន្ទាប់គ្នាមួយ - ជាការលំបាកខ្លាំងណាស់។

ក្នុងករណីជាច្រើននេះគឺជាការមិនចាំបាច់ទេ។ ឧបករណ៍សម័យទំនើបគឺមានល្បឿនលឿនខ្លាំងណាស់ហើយបានកត់សម្គាល់ឃើញ redraw ធាតុទៅចំណុចដែលវានឹងទប់ស្កាត់ធាតុបន្ទាប់នេះជាបញ្ហាយ៉ាងខ្លាំង។

ឥទ្ធិពលនៅលើអារេធាតុ

Suffice វាទៅស្លាកទីបី scCSS3 បង្កើនសន្ទស្សន៍ z, និងនៅ scCSS4 - ដើម្បីកាត់បន្ថយវា, រូបភាពសរុបត្រូវបានផ្លាស់ប្តូរ។ លំដាប់នៃធាតុនៅក្នុងស្ទ្រីមនេះនៅតែមានដូចនេះ:

• id= 'scCSS1'; លេខសម្គាល់ div = 'scCSS1';
• id= 'scCSS2'; លេខសម្គាល់ div = 'scCSS2';
• id= 'scCSS3'; លេខសម្គាល់ div = 'scCSS3';
• id= 'scCSS4'. លេខសម្គាល់ div = 'scCSS4 ។

វាគួរតែត្រូវបានកត់សម្គាល់ថារូបភាពទីពីរគឺពិតជាត្រូវចំណាយពេលឡើងមានទំហំច្រើនជាងវាហាក់ដូចជា។ រូបភាពទីបីគឺដូចគ្នា។ លើសពីនេះទៀតវាមានពីរផ្នែក (ពីរស៊ុត) នៅចម្ងាយពីគ្នាទៅវិញទៅមក។

ទំហំពិតប្រាកដនៃតំបន់ដែលបានកាន់កាប់រូបភាពទីពីរនិងទីបីត្រូវបានបន្លិចក្នុងលឿងនិងប្រផេះរៀងគ្នា។

ការរួមបញ្ចូលគ្នានៃ z-លិបិក្រមទៅផ្ទៃខាងក្រោយ-color

វាគួរតែត្រូវបានកត់សម្គាល់ថាលក្ខណៈសម្បត្តិនៃផ្ទៃខាងក្រោយជា CSS & Z-សន្ទស្សន៍នេះបានបំពេញឱ្យគ្នាទៅវិញទៅមក។ ទាំងអស់ធាតុប្លុកកម្រិត, និងផ្សេងទៀតណាមួយតែងតែកាន់កាប់តំបន់ចតុកោណមួយបង្កើតឡើងដោយកម្ពស់អតិបរមានិងទទឹងអតិបរមានៃមាតិកា។

ដោយប្រើរូបភាព, អ្នកអាចធ្វើឱ្យធាតុវាលសំណុំបែបបទណាមួយនោះទេប៉ុន្តែនៅជុំវិញគាត់នឹងមាននៅទីនោះតែងតែចតុកោណកែង។ វាគឺជាការពិតដែលថាវាជាការសំខាន់ដើម្បីយកទៅក្នុងគណនីបានត្រឹមត្រូវមួយ។

អ្នកអាចដាក់អត្ថបទនៅលើផ្លូវដែលបានជ្រើសរូបរាងនោះទេប៉ុន្តែប្រសិនបើអ្នកធ្វើមិនបាន, មាតិកាទទួលបានដើម្បីធាតុណាមួយនៅក្នុងប្រអប់រាងចតុកោណកែងមួយដែលទទួលបានជោគជ័យលើការទទួលបញ្ចូល។

ការប្រើប្រាស់លក្ខណៈសម្បត្តិសន្ទស្សន៍ CSS z ធាតុដែលមានផ្ទៃខាងក្រោយក្នុងការណ៍តម្លៃ-តម្លាភាព (ប្រភេទនៃតម្លាភាពមួយ), អាចធ្វើតាមធាតុសៀគ្វីណាមួយ។ បើទោះជាក្នុងករណីណាមួយនៅក្នុងធាតុពិតគឺចតុកោណ។

ព្រឹត្តិការណ៍និងធាតុដែលមើលឃើញ

នៅក្នុងទីកន្លែងដែលជាកន្លែងដែលធាតុត្រូវបានរារាំងដោយធាតុផ្សេងទៀត, ព្រឹត្តិការណ៍នេះវានឹងមិនដំណើរការ។ តាមក្បួនទូទៅមួយ, ប្រសិនបើធាតុនេះគឺចេញពីការមើលឃើញ, លោកជាតំបន់ដែលមាន។

ប្រសិនបើអ្នកជាអ្នកអភិវឌ្ឍន៍ចង់ចាក់សោធាតុប៊ូតុងឬម៉ឺនុយ, វាអាចនឹងត្រូវបានដាក់នៅលើស្លាកចាក់សោស្លាកមួយផ្សេងទៀត, ប្រហែលជាមានតម្លាភាព (ឧទាហរណ៍ដោយប្រើក្បួននៃភាពស្រអាប់ CSS), ប៉ុន្តែនៅក្នុងករណីណាមួយ, មាន z-សន្ទស្សន៍ CSS បានខ្ពស់។

ចាប់តាំងពីព្រឹត្តិការណ៍នេះពីចំណុចអ្នកប្រើនៃទិដ្ឋភាព, អាចត្រូវបានចែកទៅជាពាក់ព័ន្ធនិងមិនមានណាមួយបន្ទាប់មកចុងក្រោយ (ផ្លាស់ទីកណ្ដុរចុចប៊ូតុងចៃដន្យនៅលើក្តារចុចសញ្ញាកម្មវិធីកំណត់ពេលវេលា) អាចត្រូវបានប្រើដើម្បីផ្លាស់ប្តូរមាតិកានៅក្នុងបង្អួចកម្មវិធីរុករកគ្រប់គ្រាន់។

ឧទាហរណ៍សាមញ្ញ: អ្នកទស្សនាបានផ្លាស់ប្តូរ ទស្សន៍ទ្រនិចកណ្ដុរ នៅលើធាតុម៉ឺនុយនេះប៉ុន្តែមិនបានសម្រេចចិត្តដើម្បីធ្វើអ្វីមួយនៅឡើយទេ។ អ្នកអភិវឌ្ឍន៍អាចផ្តល់នូវព្រឹត្តិការណ៍ដើម្បីតាមដានចលនានៃការសន្ទនាទៅចំណុចដែលចង់បាននេះ (ចុច - អ្នកទស្សនាសម្រេចចិត្ត) និងបង្ហាញមាតិកាគ្រប់គ្រាន់។ សន្ទស្សន៍ជា CSS z គឺជាការសមវិធានការល្អបំផុតសម្រាប់ឱកាសនេះ។

ទ្រង់ទ្រាយរូបភាព

ចាប់តាំងពីរូបភាពសម្ភារៈអគារមួយដែលសំខាន់សម្រាប់តំបន់បណ្ដាញណាមួយ (ភាពស្រស់ស្អាត, ភាពទំនើប, មុខងារ - គឺជាបទដ្ឋានធម្មតានៃរឿង), វាជាការសំខាន់ណាស់សម្រាប់ជម្រើសទ្រង់ទ្រាយរូបភាព។

ដោយនិងធំ, អ្នកអាចប្រើភាពខុសគ្នាទាំងអស់នៃទ្រង់ទ្រាយដែលមានស្រាប់នោះទេប៉ុន្តែនៅក្នុងលក្ខខណ្ឌនៃការអនុវត្តនិងសិទ្ធភាពសមហេតុផលណាស់ទៅគឺ * .png សម្រាប់ការឃុំឃាំងឋិតិវន្តនិង * រូបភាព .gif - សម្រាប់រូបភាពដែលមានចលនា។ * .jpg ការពេញនិយមគឺជាការល្អផងដែរ, ប៉ុន្តែវាមិនអនុញ្ញាតឱ្យមានភាពបត់បែនបានដើម្បីរៀបចំអវកាសបង្ហាញ។

កំហុសកម្មវិធីរុករកនិងអភិវឌ្ឍន៍

មិនដូច្នេះជាញឹកញាប់ករណីនេះនៅពេលដែលសន្ទស្សន៍ CSS បាន z មិនដំណើរការនោះទេប៉ុន្តែវាកើតឡើង។ សន្លឹករចនាប័ទ្មលក្ខខណ្ឌក្នុងការតែងតែធ្វើការថ្នាក់និងទំហំនៃឯកសារដែលរចនាប័ទ្មជាញឹកញាប់ឈានដល់បរិមាណយ៉ាងសំខាន់។ នៅពេលដែលអ្វីមួយមិនត្រូវបានបង្ហាញឬគ្រាន់តែមិនមានអ្វីដែលត្រូវតែជាដំបូងត្រូវតែពិនិត្យមើលលេខកូដផ្ទាល់ខ្លួនរបស់អ្នកបន្ទាប់មកជម្រះឃ្លាំងសម្ងាត់កម្មវិធីរុករករបស់អ្នកនិងសាកល្បងលេខកូដផ្ទាល់ខ្លួនរបស់អ្នកម្តងទៀត។

ការបកស្រាយ HTML និង CSS, កម្មវិធីរុករកគឺស្ទើរតែមិនធ្វើឱ្យមានកំហុសឆ្គង - វាគឺជាពាក្យស្លោកជាភាសាអង់គ្លេសមួយ។ ប្រសិនបើមានធាតុដែលចង់បានមិន, បន្ទាប់មក, នៅក្នុងការរចនារបស់ CSS បាន {ទីតាំង: ដាច់ខាត; z-សន្ទស្សន៍: 112233; ខាងឆ្វេង: 10px; កំពូល: 20px; } ... អ្វីមួយត្រូវបានបាត់ឬមិនបានកត់ត្រាទុក។

នេះជាកំហុសទូទៅបំផុត - បង្ហាញខុសធាតុត្រូវបានបាត់យោងចំពោះភាពមើលឃើញរបស់ខ្លួននៅលើទីតាំងពេញលេញឬទំនាក់ទំនងមួយ។ ពេលខ្លះវាអាចធ្វើដើម្បីបញ្ជាក់រចនាប័ទ្មដោយផ្ទាល់នៅលើធាតុនិងមិនមែនជារចនាប័ទ្មរបស់គាត់។ ក្នុងករណីចុងក្រោយនេះវាគឺជាផ្លូវចេញមួយប៉ុន្តែវាត្រូវបាននិយាយជាចម្បងអំពីប្រភេទមួយចំនួននៃកំហុសនៅក្នុងកូដ។

រចនាប័ទ្មត្រូវតែមាននៅក្នុងរចនាប័ទ្មថ្នាក់ឬលេខសម្គាល់។ ចង្អុលនៅលើធាតុដែលមានរចនាប័ទ្មគួរតែនៅក្នុងករណីពិសេស។

ការប្រើ jQuery.css (z-លិបិក្រម, 123) អាចនឹងនាំឱ្យមានកំហុសមួយប្រសិនបើមិនបានអនុវត្តទៅថ្នាក់ឬការកំណត់អត្តសញ្ញាណ។ លើសពីនេះទៀត jQuery - ឧបករណ៍អភិវឌ្ឍន៍គួរឱ្យកត់សម្គាល់យ៉ាងពិតប្រាកដ។ ទោះយ៉ាងណាមុនពេលអ្នកអនុវត្តវាមិនប៉ះពាល់ដល់ការគិត: វាគឺជាការដែលអាចធ្វើបានដើម្បី dispense ជាមួយ improvised មានន័យថាជា HTML / CSS, z-សន្ទស្សន៍ - មិនមែនជាច្បាប់ដែលមិនតម្រូវឱ្យមានការយកចិត្តទុកដាក់ជាបន្ទាន់មួយ។

ចលនាត្រឹមត្រូវនៃស្រទាប់ឡូជីខល, និង

ទំព័រល្អឥតខ្ចោះ - ផ្ទះល្វែង។ ក្នុងករណីណាមួយមុនពេលដែលរូបភាពបីវិមាត្រនេះពិតប្រាកដនៅក្នុងមួយខ្នាតធំឆ្ងាយនិងមិននៅក្នុងតម្រូវការពិសេសនេះ។ គេហទំព័រសម័យទំនើប - វាគឺជាភារកិច្ចបទពិសោធពិតប្រាកដ, ពិតប្រាកដពិភពលោក។ ពួកគេគ្រាន់តែត្រូវការដើម្បីធ្វើការបានល្អនិងបង្ហាញរូបភាពបីវិមាត្រផ្ទះល្វែង។

ដោយវិធីនេះ, បាតុភូតនៃ ទំព័រ (ទំព័រ) នៅក្នុងសំណុំបែបបទនៃជម្រើស "ការកសាងតំបន់បណ្ដាញ" - ការភស្តុតាងដែលល្អបំផុតដែលរាងសំប៉ែតចតុកោណនិងស្ងួតនោះទេប៉ុន្តែយ៉ាងខ្លាំងមាតិកាច្បាស់លាស់ - ល្អនិងអនុវត្តជាក់ស្តែង។ ប៉ុន្តែវាគួរតែត្រូវបានកត់សម្គាល់ថាតំបន់របស់ក្រុមហ៊ុនផ្តាច់មុខនេះបានជាប់គាំងក្នុងរឿងចម្បងរបស់ខ្លួន - ការប្រឈមមុខរបស់ក្រុមហ៊ុនផលិតមុខងារនិងអំណាចរបស់ខ្លួន។ Information Technology បិសាចមានអារម្មណ៍ថាទំព័រចុះចត - វាជាអាជីវកម្មខ្នាតតូចប្រឈមនឹងការ, គ្រឿង, Herbalife និងផ្សេងទៀត "គ្រឿងអលង្ការ" ។

ដូចជាវាបានឬមិនបាននៅក្នុងការពិតត្រឹមត្រូវនាពេលអនាគតនឹងបង្ហាញ។ វាជាការសំខាន់ដែលមិនត្រឹមតែធ្វើឱ្យយល់បានដើម្បីគូរនៅក្នុងមាតិកាស្រទាប់ប៉ុណ្ណោះទេប៉ុន្តែដើម្បីធានាបាននូវចលនាត្រឹមត្រូវរវាងពួកគេនៅក្នុងវ៉ារ្យ៉ង់នៃការកសាងគេហទំព័រណាមួយ។

ជាដំណោះស្រាយល្អ - AJAX (ទំព័រនេះត្រូវបានធ្វើឱ្យទាន់សម័យដូចជាការចាំបាច់) ។ ទោះបីជាដំណោះស្រាយដែលមានជោគជ័យច្រើន, នៅពេលនេះបានបង្ហាញថាទំព័រវាគឺជាការចាំបាច់នៅចំណុចនៃបង្អួចកម្មវិធីរុករកនេះ។

នៅក្នុងការពិត, z-សន្ទស្សន៍ - CSS មានច្បាប់សាមញ្ញនេះ។ គោលបំណងរបស់ខ្លួន - ដើម្បីបង្ហាញពីកម្រិតនៃស្លាកនេះដូច្នេះកម្មវិធីរុករកដែលអាចកំណត់នៅពេលដែលធាតុដែលបង្ហាញនិងជាផ្នែកមួយនៃធាតុនេះនឹងត្រូវបានមើលឃើញ។ ស្រទាប់និងទំព័រ - ជាសញ្ញាណទាក់ទងខ្លាំងណាស់ព្រោះវាជាបញ្ហាក្នុងការរចនាទំព័រនិងរក្សាទុកក្នុងចិត្តអត្ថន័យនៃ z-សន្ទស្សន៍វិធានការសម្រាប់ការបង្ហាញមាតិកាខុសគ្នា។

ជាធម្មតាអភិវឌ្ឍន៍ជ្រើសរើសមួយចំនួនចូលចិត្តនិងការផ្តល់ឱ្យវាទៅស្លាកទាំងអស់នៅក្នុងជួរដេកមួយហើយការពិតដែលថាយើងមានដើម្បីដូចម្ដេចបានឈរចេញ, ការផ្តល់ចំនួនក្រោយ។ ភ្ជាប់សារៈសំខាន់ទៅនឹងស្រទាប់និងកម្រិតនៃទំព័រ - គឺជាការមិនរីកចម្រើននិងការអនុវត្តន៍ជាពិសេសជោគជ័យ។

ទោះជាយ៉ាងណា, ប្រសិនបើសញ្ញាន័យវិទ្យាសន្ទស្សន៍ការផ្លាស់ប្តូរ z សន្ទនាជាមួយភ្ញៀវទេសចរទៅមួយវាគឺជាការដែលអាចធ្វើបានដើម្បីបង្កើតផលប៉ះពាល់ជាក់ស្តែង។ ស្រដៀងគ្នាទៅនឹងរបៀបដែលត្រូវបានដាក់ស្លាកនៅលើអាចគ្នា, វាគឺអាចធ្វើបានដើម្បីដាក់ការសន្ទនាមួយ (អ្នកទស្សនាតំបន់ប) និងធ្វើចលនារវាងពួកគេ។ ពីទស្សនៈនេះ, កម្មវិធីនៃច្បាប់នៃចំនួនកុំផ្លិចសន្ទស្សន៍ជា CSS នេះហាក់ដូចជាខ្លាំងណាស់អាចធ្វើទៅបាននិងជាក់ស្តែង។