Style zIndex

ການອະທິບາຍແລະການນໍາໃຊ້

zIndex ພະຍາຍາມທີ່ຕັດສິນຄັນຫຼືສະແດງຄວາມຕົກລົງຂອງບັນດາວັດສະດຸທີ່ຕັດສິນຄັນທີ່ຕັ້ງມິດຕະຫຼາດ.

ບັນດາວັດສະດຸທີ່ມີຈຳນວນສະຕິກັນຂັ້ນວັດສະດຸທີ່ຫຼາຍກວ່າ (1) ຈະຢູ່ກ່ອນວັດສະດຸທີ່ມີຈຳນວນສະຕິກັນຂັ້ນວັດສະດຸທີ່ຕໍ່າ (0).

ຄຳເຕືອນ:ສະຖານະທີ່ການຕັດສິນຄັນຂອງວັດສະດຸສະບາຍ. ພະຍາຍາມ position ຕັດສິນຄັນ:relative,absolute ຫຼື fixed ຂອງວັດສະດຸ.

ຄຳເຕືອນ:ປະເພດທີ່ມີຜົນໃນການສ້າງວັດສະດຸທີ່ປົກກະຕິ.

ບັນຊີອື່ນໆ:

ການສອນ CSS:ການຕິດຕັ້ງຄອດສສະເຕັມເດຍ

ຄູ່ມວນຊົນ CSS:z-index

ຄວາມປະສົມ

ຄວາມຈຳນວນ 1

ການຕັດສິນຄັນອັນສະຕິກັນຂອງ ບຸກມີສັນຍາ:

document.getElementById("img1").style.zIndex = "1";

ພະຍາຍາມເອງ

ຄວາມຈຳນວນ 2

ການຕັດສິນຄັນ z-index ຂອງ ບຸກມີສັນຍາ:

document.getElementById("myDIV").style.zIndex = "-1";

ພະຍາຍາມເອງ

ຄວາມຈຳນວນ 3

ການສະແດງຄວາມຕົກລົງ z-index ຂອງ ບຸກມີສັນຍາ:

alert(document.getElementById("img1").style.zIndex);

ພະຍາຍາມເອງ

ສັນຍາວິທະຍາ

ການການສະແດງ zIndex:

object.style.zIndex

ການຕັດສິນຄັນ zIndex:

object.style.zIndex = "auto|number|initial|inherit"

ຄວາມຕົກລົງຂອງພະຍາຍາມ

ຄວາມຕົກລົງ ອະທິບາຍ
auto ສະບາຍວັດສະດຸທີ່ວັດສະດຸອັນສະຕິກັນສະບາຍຢູ່ໃນຕອນທີ່ມັນຈະມີຈຳນວນທີ່ຕາຍເບື້ອງມາດຕະການ. ຄົນສະໄໝ.
number ຈຳນວນທີ່ອະທິບາຍອັນສະຕິກັນຂອງວັດສະດຸ. ອະນຸຍາດມີຄວາມນັບຖອຍ.
initial ຕັດສິນຄັນພະຍາຍາມມາດຕະການໃຫ້ຈະມີຄວາມຕົກລົງ. ບັນຊີ: initial.
inherit ສົ່ງກັບປະສົມຂອງພະຍາຍາມຈາກພະຍາຍາມຜູ້ປົກຄອງ. ບັນຊີ: inherit.

ລາຍລະອຽດດ້ານເຕັກນິກ

ມັນເປັນຜົນຕາຍເບື້ອງມາດຕະການ: auto
ຜົນກະທົບ: ຄວາມສັບສັນອອກຈາກບັນດາບັນດາວັດສະດຸ.
CSS ຮູບແບບ: CSS2

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持