بستن منو
۴۲
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مباحث اولیه برای آشنایی با CSS
7
نمایش متن در CSS
7
ساخت حاشیه (border) در CSS
4
عکس ها در CSS
2
ساخت انیمیشن در CSS
6
لینک ها (links) در CSS
5
رنگ ها در CSS
1
مباحث عمومی در CSS
10
×

دانلود فروشگاه اندروید کلیدستان

553

نویسنده

علیرضا گلمکانی ( admin )

شماره کلید
دسته کلید - دسته بندی

تعیین نحوه چیدمان عناصر صفحه بر روی یکدیگر، با مشخصه z-index در CSS

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

تعیین نحوه چیدمان عناصر صفحه بر روی یکدیگر، با مشخصه z-index در CSS

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

نحوه تعیین z-index برای یک عنصر، به صورت زیر می باشد (مثالی برای تگ div) :


<div style="z-index:1000;"></div>

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

خوانده شد
مبحث بالا، مفید بود و سایت کلیدستان را دوست داشتم :
محبوب کردن این مبحث در گوگل :
اون چیزی که میخواستم نبود :
سوال دارم :
ارسال نظر :
نظرات 0 0 0

*** نظر بدهید

دسترسی سریع

×

شماره کلید


کلید
×

شماره دسته کلید


دسته کلید
×

جستجو


جستجو

راهنمای مشخصه های CSS

راهنمای مشخصه های CSS بر اساس حرف اول مشخصه :

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

بستن منو
۳۵
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
دسترسی سریع به دسته کلیدها :

CSS Tutorials
مجموعه ویدئوهای آموزشی CSS - مجموعه CSS Tutorials
35
بستن منو
۷
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
دسترسی سریع به دسته کلیدها :

Sass & SCSS Tutorial for Beginners
مجموعه ویدئوهای آموزشی Sass و SCSS برای مبتدیان - مجموعه Sass & SCSS Tutorial for Beginners - از thenewboston.com
7
بستن منو
۸
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
دسترسی سریع به دسته کلیدها :

Less CSS Tutorials for Beginners
مجموعه ویدئوهای آموزشی Less CSS برای مبتدیان - مجموعه Less CSS Tutorials for Beginners - از thenewboston.com
8
بستن منو
۵۸
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مباحث اولیه برای آشنایی با HTML
24
نمایش متن، در HTML
5
نمایش عکس، در HTML
5
لینک ها (Link)، در HTML
1
لیست ها (List)، در HTML
1
جدول ها (Table)، در HTML
2
فرم ها (Form)، در HTML
10
مباحث عمومی، در HTML
10

آخرین کلیدهای غیررایگان

شما هم می توانید کلیدهای غیررایگان منتشر کنید (بیشتر بدانید)