CSS z-index 属性

  • ການກ່ອນກາງ writing-mode
  • ການໄປຕໍ່ມາ zoom

定义和用法

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

注释：元素可拥有负的 z-index 属性值。

注释：Z-index 仅能在定位元素上奏效（例如 position:absolute;）！

说明

该属性设置一个定位元素沿 z 轴的位置，z 轴定义为垂直延伸到显示区的轴。如果为正数，则离用户更近，为负数则表示离用户更远。

ອີງຕາມ:

ການສອນ CSS:ການຕິດຕັ້ງ CSS:

ຄູ່ມັດ HTML DOM:zIndex 属性

ຄວາມສະແດງ

ການຕິດຕັ້ງ z-index ສຳນັກງານສີນັນຊີ:

img
  {
  position:absolute;
  left:0px;
  top:0px;
  z-index:-1;
  }

ທ້າວທັກການທົດລອງ:

ການອັດຕະພາສາ CSS:

z-index: auto|number|initial|inherit;

ຄູ່ມັດຄວາມຕ້ອງການ

ຄູ່ມັດ ອະທິບາຍ
auto ຄູ່ມັດຄົງເບື້ອງຕົ້ນ. ຄວາມຕັ້ງຕາງຂອງຄວາມຕັ້ງຕາງສິ່ງສະຫນາມຈະຕ້ອງການມີຄວາມຕັ້ງຕາງຄືກັບສິ່ງສະຫນາມພີ່ນພູ.
number ການກຳນົດຄວາມຕັ້ງຕາງຂອງສິ່ງຫນັງຂອງບັນດາສິ່ງຫນັງ.
inherit ກຳນົດຄວາມຕ້ອງການວ່າຄວາມຕ້ອງການ z-index ຂອງສິ່ງສະຫນາມຈະຕ້ອງຖືກລິເຊີກຈາກສິ່ງສະຫນາມພີ່ນພູ.

ຂໍ້ມູນດ້ານເຕັກນິກ

ຄູ່ມັດຄົງເບື້ອງຕົ້ນ: auto
ການລິເຊີກ: no
ຮູບແບບ: CSS2
ການອັດຕະພາສາ JavaScript: object.style.zIndex="1"

ຄວາມສະແດງຫນັງຫນາງອື່ນໆ

Z-index
Z-index ສາມາດນຳໃຊ້ສຳລັບການຕິດຕັ້ງສິ່ງຫນັງຂອງບັນດາສິ່ງຫນັງ.
Z-index
ຫນັງທີ່ຢູ່ໃນການປ່ຽນແປງສຳນັກງານ Z-index.

ການສະໜັບສະໜຸນບັນຊີບາດ

ຈຳນວນທີ່ຢູ່ໃນຕາຕະລາງໄດ້ກ່າວໄວ້ວ່າຄົນທີ່ອອກພາຍໃນບາດທີ່ສຸດທີ່ສະນັບພາບດັ່ງກ່າວນັ້ນ

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 3.0 1.0 4.0
  • ການກ່ອນກາງ writing-mode
  • ການໄປຕໍ່ມາ zoom