hidden

 

ثبت سفارش طراحی سایت چرا ایفانت قابل اعتماد است چرا ایفانت ؟ نمونه کارهای طراحی سایت قیمت و هزینه طراحی سایت

 

 

 

سبک ویژگی شاخص Z



سبک ویژگی شاخص Z




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

اما بدون سبک ویژگی شاخص Z، عناصر خود را گاهی اوقات با نتایجی فاجعه بار خواهید دید.


HTML

در HTML برای استفاده از شاخص Z به عنوان مثال اینگونه استفاده میشود :


1

 

2

 

3

 

right content

 

left content

 

right 2 - corrected

 

left corrected

 

This is content where the right content lists first with no z-index.

 

And here we have content where the right content lists first with a higher z-index.

 

And finally, three boxes piled one on top of the other.







CSS

سپس برای اضافه کردن CSS زیر به موقعیت DIVs و سپس پشته آنها به طوری که آنها درست نشان داده شود باید از این قطعه کد استفاده کرد:

div#ontop {
background-color: #CC0000;
z-index: 50;
top: 400px;
position: absolute;
left: 200px;
width: 100px;
height:100px;
}
div#inmiddle {
background-color: #66FFFF;
z-index: 25;
top: 400px;
position: absolute;
left: 100px;
width:300px;
height:100px;
}
div#onbottom {
background-color: #CCCCCC;
top: 400px;
position: absolute;
left: 0px;
width:500px;
height:100px;
}
div#leftside {
background-color: #CCCCCC;
top: 50px;
position: absolute;
left: 0px;
width:200px;
height:100px;
}
div#rightside {
background-color: #fff;
border:1px solid #000;
top: 50px;
position: absolute;
left: 180px;
width:200px;
height:100px;
}
div#left2 {
background-color: #CCCCCC;
top: 200px;
position: absolute;
left: 0px;
width:200px;
height:100px;
z-index:0;
}
div#right2 {
background-color: #fff;
border:1px solid #000;
top: 200px;
position: absolute;
left: 180px;
width:200px;
height:100px;
z-index:1;
}
div#inst1 {
position:absolute;
top:30px;
}
div#inst2 {
position:absolute;
top:180px;
}
div#inst3 {
position:absolute;
top:380px;
}
div#return {
position: absolute;
top: 520px;
}


 

 

 

 

خدمات طراحی سایت ارزان و طراحی وب سایت حرفه ای با کمترین هزینه و بالاترین کیفیت توسط شرکت طراحی سایت ایفانت برای اولین بار در ایران ارائه می شود

نوشتن دیدگاه


تصویر امنیتی
تصویر امنیتی جدید