ຄວາມສ່ວນ opacity
- ຫຼັກສາທີ່ເຄີຍມາ offset-rotate
- ຫຼັກສາທີ່ຕໍ່ໄປ order
ການອະທິບາຍແລະການນໍາໃຊ້
ຄູ່ມົນປອດໄພກຳນົດລະດັບຄວາມປອດໄພຂອງປະກອບ.
ອ່ານອີກ:
ການສອນ CSS:ຄວາມປະກາດສະເປັກຈາກພາບ CSS
ການສອນ CSS:ສະຖານະການສະແມງ CSS
ປື້ມກໍານົດ HTML DOM:ຄູ່ມົນປອດໄພ
ຕົວຢ່າງ
ກຳນົດລະດັບຄວາມປອດໄພຂອງປະກອບ div:
div
{
opacity:0.5;
}
ທ່ານສາມາດຫາຕົວຢ່າງອື່ນໆຢູ່ບ່ອນບັນຍາບັນດັ່ງກ່າວຢູ່ບັນຍາບັນດັ່ງກ່າວ.
ສັບພາສາ CSS
opacity: value|inherit;
ຄູ່ມົນປະດັບ
| ຈຳນວນ | ການອະທິບາຍ | ການທົດລອງ |
|---|---|---|
| value | ກຳນົດຄວາມປອດໄພ. ຈາກ 0.0 (ສະຫຼາກ) ຫາ 1.0 (ບໍ່ສະຫຼາກ). | ການທົດລອງ |
| inherit | ຄວາມຄິດ: ຄວນຈະຍິນຍອມຈາກປະກອບສັນຈອນຜູ້ປົກຄອງຄວາມປອດໄພຂອງຄັນ. |
ຂໍ້ມູນດ້ານເຕັກນິກ
| ຄູ່ມົນປະດັບ: | 1 |
|---|---|
| ການຕ້ອງການ: | no |
| ສະຖານະ: | CSS3 |
| ສັບພາສາ JavaScript: | object.style.opacity=0.5 |
ຕົວຢ່າງອື່ນໆ
- ປ່ຽນຄວາມປອດໄພຂອງປະກອບສັນຈອນ
- ຕົວຢ່າງນີ້ສະແດງວ່າບິດ JavaScript ເພື່ອປ່ຽນຄວາມປອດໄພຂອງປະກອບສັນຈອນ.
ການສະໜັບສະໜູນບັນດາບັນດາຄົນນໍາໃຊ້.
ຈຳນວນໃນຕາລະບັນຍາບັນສະແດງວ່າການສະໜັບສະໜູນຂອງການສະໜັບສະໜູນຄັນດັ່ງກ່າວຄັ້ງທຳອິດຂອງການສະໜັບສະໜູນຄັນດັ່ງກ່າວ.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
ຄວາມຄິດ:IE8 ແລະການແບບທີ່ກ່ອນນັ້ນສະໜັບສະໜູນໂຕ້ກຳລັງສຳລັບ filter. ຕົວຢ່າງ: filter:Alpha(opacity=50).
- ຫຼັກສາທີ່ເຄີຍມາ offset-rotate
- ຫຼັກສາທີ່ຕໍ່ໄປ order
