کامپیوتربرنامه نویسی

CSS Z- شاخص: یک مرور کلی، خواص

قانون CSS Z- شاخص - صفحه موقعیت عنصر هماهنگ Z: سطح عنصر ندارید یا لایه است که در آن واقع شده است. برچسب است که بیشتر Z- شاخص خواهد شد در تمام نمایش داده شود. برچسب ها در آنها در جریان های ورودی و همپوشانی نظر می رسد نمایش داده شود. приоритет видимости. ارزش Z-شاخص اولویت دید تعیین می کند.

ما باید ادای احترام به مرورگرهای مدرن و عناصر الگوریتم ها پرداخت. از روزهایی که گرافیک و صفحه نمایش دستگیر تشکیل قطعات مشکل قطع مرئی و نامرئی از عناصر در پنجره برنامه، محتوای فن آوری صفحه نمایش قابل مشاهده نتایج بسیار خوبی رسیده است. در یک پنجره مرورگر، تمام عناصر به درستی نمایش داده شده، که کاربر می بیند تنها چیزی است که طراحی و یا توسعه دهنده مشخص شده است.

قاعده کلی این است: سفارش و سطح

جریان ورودی (صفحه تشکیل سرور) پی در پی می خواند مرورگر. همه تگ های مطابق با قوانین CSS نمایش داده شده و ممکن است با هم تداخل دارند.

این مثال چهار عنصر قابل مشاهده توصیف می کند. هر پی در پی همپوشانی به یکی از قبلی. در مکان هایی که تگ نشسته شود، یک سوال از اولویت وجود دارد. به عنوان یک قاعده Z- شاخص تگ های CSS برای همه این همان و 848 برابر، آن آشکار خواهد بود که عنصری است که به شرح زیر است. همه که به حداکثر خود رسیده را از زیر هر یک از عنصر بعدی، ظاهرا.

دید حکومت

مرورگرها رعایت قوانین از دید تنها "عادلانه". به آمده تا با یک الگوریتم است که اجازه می دهد تا شما را به تجزیه و تحلیل تمام اعمال ناخالص و تنها آن دسته از استفاده از آن واقعا همدیگر را قطع، به استثنای آن قسمت که توسط هر یک از عناصر پی در پی جذب می شود - بسیار دشوار است.

در اغلب موارد این است که لازم نیست. تجهیزات مدرن بسیار سریع است، و متوجه دوباره ترسیم عنصر به نقطه ای که آن را به عنصر بعدی مسدود است، بسیار مشکل ساز است.

نفوذ در آرایه عنصر

کافی است به برچسب سوم scCSS3 افزایش Z- شاخص، و در scCSS4 - به منظور کاهش آن، تصویر در کل تغییر کرده است. دنباله ای از عناصر در جریان یکسان باقی می ماند:

  • id= 'scCSS1'; دیو شناسه = 'scCSS1'؛
  • id= 'scCSS2'; دیو شناسه = 'scCSS2'؛
  • id= 'scCSS3'; دیو شناسه = 'scCSS3'؛
  • id= 'scCSS4'. دیو شناسه = 'scCSS4.

لازم به ذکر است که در تصویر دوم است که در واقع طول می کشد تا فضای بیشتری از آن را به نظر می رسد. تصویر سوم همان است. علاوه بر این، از دو بخش (دو عدد تخم مرغ) در فاصله از یکدیگر تشکیل شده است.

اندازه واقعی مناطق، که تصاویر دوم و سوم را اشغال میکنند برای زرد و خاکستری به ترتیب مشخص شده است.

ترکیبی از دستور z-index به رنگ پس زمینه

لازم به ذکر است که خواص CSS پس زمینه و z-index برای مکمل یکدیگر است. همه عناصر سطح بلوک، و هر نوع دیگر، همیشه یک منطقه مستطیلی تشکیل شده توسط حداکثر ارتفاع و حداکثر عرض محتوای اشغال کند.

با استفاده از تصاویر، شما می توانید هر عنصر فیلد فرم را، اما در اطراف او وجود دارد همیشه یک مستطیل خواهد بود. این یک واقعیت است که مهم است را به حساب درستی است.

شما می توانید متن را در یک شکل مسیر انتخاب قرار می دهد، اما اگر اینکار را نکنید، محتوای می شود به هر عنصر در یک جعبه مستطیل شکل، پی در پی، پس از دریافت ورودی.

استفاده از خواص CSS Z- شاخص در عنصر که رنگ پس زمینه ارزش شفاف (یک نوع شفافیت) است، می توانید هر عنصر مدار تقلید. اگر چه در هر صورت در عنصر واقعیت مستطیل شکل است.

رویدادها و عناصر قابل مشاهده

در مکان هایی که این عنصر توسط عنصر دیگری مسدود شده است، حوادث آن کار نخواهد کرد. به عنوان یک قاعده کلی، اگر مورد خارج از دید، او همچنین دسترس بودن منطقه است.

اگر یک توسعه دهنده می خواهد برای قفل کردن دکمه و یا منو آیتم، ممکن است بیش از تگ قفل تگ های دیگر، قرار داده شده است شاید شفاف (به عنوان مثال، با استفاده از قانون از کدورت CSS)، اما در هر صورت، داشتن یک CSS بالاتر Z- شاخص.

از آنجا که این رویداد، از نقطه نظر کاربر از این دیدگاه، می توان به مربوطه تقسیم شده است و هر گونه ندارد، پس از آن گذشته (حرکت ماوس، با فشار دادن دکمه های تصادفی بر روی صفحه کلید، سیگنال تایمر) را می توان مورد استفاده قرار گیرد به اندازه کافی تغییر محتوا در پنجره مرورگر.

یک مثال ساده: یک بازدید کننده منتقل اشاره گر ماوس بر روی آیتم های منو، اما هنوز تصمیم نگرفته اند برای انجام کاری. توسعه دهنده می تواند یک رویداد برای ردیابی حرکت از گفت و گو به نقطه مورد نظر ارائه (کلیک کنید - یک بازدید کننده تصمیم می گیرد) و نمایش محتوای کافی است. قانون CSS Z-index از بهترین برای این مناسبت مناسب است.

فرمت تصویر

از آنجایی که تصاویر یک ماده ساختمانی مهم برای هر سایت (زیبایی، مدرنیته، قابلیت - عرف معمول از همه چیز است)، آن از اهمیت زیادی برای انتخاب فرمت تصویر است.

با و بزرگ، شما می توانید تمام فرمت های مختلف موجود استفاده کنید، اما از نظر عملی و اثربخشی کاملا معقول است به محدود *. فعلی برای تصاویر ثابت و در gif - برای تصاویر متحرک. * .JPG محبوب هم خوب است، اما اجازه نمی دهد که انعطاف پذیری را به دستکاری فضای صفحه نمایش.

باگهای مرورگر و توسعه

بنابراین اغلب مورد، زمانی که در CSS Z- شاخص کار نمی کند، اما آن اتفاق می افتد. شرایط استفاده از شیوه نامه آبشاری همیشه کار، و حجم فایل سبک اغلب به حجم قابل توجهی. هنگامی که چیزی نمایش داده نمی شود، و یا فقط لازم نیست که چه باید باشد، ابتدا باید کد خود را چک کنید، سپس پاک کردن کش مرورگر خود را و دوباره تست کد های خود را.

تفسیر HTML و CSS، مرورگر است که تقریبا اشتباهات را ندارد - آن را یک اصل است. اگر مورد دلخواه را نمی کند، پس از آن، در طراحی CSS {موقعیت: مطلق؛ z-index برای: 112233؛ سمت چپ: 10px و. بالا: 20px تنظیم کنید. } ... چیزی گم شده یا نه ثبت شده است.

اشتباه رایج ترین - اشتباه عنصر نشان داده شده است از دست رفته است اشاره به دید خود را بر روی یک موقعیت مطلق یا نسبی. گاهی اوقات آن را می تواند کار را برای مشخص کردن سبک به طور مستقیم بر روی عنصر و سبک او نیست. در مورد دوم، این یک راه است، اما آن را در درجه اول در مورد نوعی از خطا در کد صحبت کردن.

سبک باید در کلاس یا ID سبک باشد. وی با اشاره به سبک عنصر باید تنها در موارد استثنایی.

با استفاده از jQuery.css (Z- شاخص، 123) نیز ممکن است به خطا منجر شود، اگر به کلاس یا شناسه اعمال نمی شود. علاوه بر این، جی کوئری - یک ابزار توسعه واقعا قابل توجه است. با این حال، قبل از شما آن اعمال می شود، صدمه دیده است به فکر می کنم: ممکن است تا با بداهه معنی HTML / CSS، Z- شاخص - یک قانون است که به توجه فوری نیاز نیست.

جنبش درست از لایه های منطقی، و

کامل صفحه - تخت می باشد. در هر صورت، قبل از واقعی تصویر سه بعدی در مقیاس دور عظیم، و نه در این نیاز خاص. وب سایت های مدرن - این یک وظایف تجربه واقعی، در دنیای واقعی است. آنها فقط نیاز به خوبی کار می کنند و نشان می دهد یک تصویر سه بعدی تخت می باشد.

به هر حال، پدیده صفحه فرود (صفحه فرود) در قالب گزینه "محل ساختمان" - بهترین اثبات این که شکل مسطح مستطیل شکل و خشک است، اما بسیار دقیق محتوای - نیز خوب و عملی است. اما باید توجه داشت که سایت های شرکت های انحصاری به اصلی ترین چیزی که خود گیر - چهره این شرکت، قابلیت و قدرت تولید آن است. فناوری اطلاعات هیولا احساس کردند که صفحات فرود - آن را کسب و کارهای کوچک چهره، لوازم جانبی، هربالایف و دیگر "طلا و جواهر."

آن را دوست دارم یا نه، در واقع درست است، آینده نشان خواهد داد. مهم این است که نه تنها حس می کند به رنگ در محتوای لایه ها، بلکه برای اطمینان از حرکت مناسب بین آنها در هر نوع از ساخت یک وب سایت.

راه حل عالی - AJAX (صفحه به عنوان مورد نیاز به روز رسانی). حتی راه حل امیدوار تر، زمانی که صفحه نشان می دهد که آن را در این نقطه از پنجره مرورگر است.

در واقع، Z- شاخص - این قانون ساده CSS. هدف آن - برای نشان دادن سطح برچسب به طوری که مرورگر می توانید تعیین زمانی عنصر نمایش و که بخشی از این عنصر قابل مشاهده خواهد بود. لایه و صفحه - یک مفهوم نسبی، به دلیل آن را مشکل ساز برای طراحی صفحه و به خاطر داشته باشید که معنای قانون Z-index برای نمایش محتوای مختلف است.

به طور معمول، یک توسعه دهنده را انتخاب تعدادی مورد علاقه، و آن را به تمام تگ ها در یک ردیف، و این واقعیت که ما باید به نحوی ایستادگی کردن، اختصاص شماره بعدی. اهمیت به لایه ها و سطوح از صفحات - است شیوه های ویژه مترقی و امیدوار کننده نیست.

با این حال اگر معانی حرکت Z- شاخص به یک گفت و گو با بازدید کننده، ممکن است برای ایجاد یک اثر عملی است. شبیه به تگ را می توان در هر یک از دیگر سوار، ممکن است برای تحمیل یک گفتگو (بازدید کننده سایت) و انجام حرکت بین آنها. از این منظر، استفاده از قواعد CSS Z- شاخص به نظر می رسد بسیار امکان پذیر و عملی است.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 fa.delachieve.com. Theme powered by WordPress.