1. z-index

value : number(positif/negatif)

Penulisan :
z-index:value;

z-index sering disebut juga sebagai elemen layer pada css karena dengan z-index kita dapat mengatur posisi suatu elemen tampil diatas atau dibawah elemen lain. misalnya elemen a value z-indexnya -3(z-index: -3;) dan elemen b z-index valuenya 2(z-index: 2;) maka elemen b akan berada diatas elemen a.
contoh :
#elemena
{
position:absolute;
left30px;
top:0px;
z-index: -4;
}
#elemenb
{
position:absolute;
left:40px;
top:0px;
z-index: -3;
}

2.Position

value : relative,fixed,absolute

relative position merupakan posisi object yang memiliki posisi relatif terhadap object induknya. artinya posisi elemen memiliki posisi didalam object induknya.

absolute position merupakan posisi object tidak dipengaruhi object lain,hanya dipengaruhi nilai top dan left dalam menetukan posisi object dilayar, biasanya juga diikuti pengaturan z-index tampilan object.

fixed position merupakan posisi dimana object tetap pada posisi yang ditentukan walaupun halaman discroll kebawah dan kesamping seperti tampilan melayang.
contoh :
#objectinduk{top:40px;left:30px;}
#object1{position: relative;left:-6px;}
#object2{position: fixed;top: 0px;left: 30px;}
#object2{position: absolute;top: 50px;left: 30px;}

One Response so far.

  1. Unknown says:

    min, efek posisirelative bisa beda2 tiap browser ya?? soalnya aku bikin posisi elemen yang udah pas di mozila, eh tiba di crome berubah dia.. bantu dong min cara memperbaikinya.. thanks//

Leave a Reply