CSS rgba() ກອງການ

ຕົວຢ່າງ

ກໍານົດສີ RGB ທີ່ມີຄວາມບໍ່ປະກົດຕ່າງຫຼືອື່ນ:

#p1 {background-color:rgba(255,0,0,0.3);} /* ສີສີແດງທີ່ມີຄວາມບໍ່ປະກົດ */
#p2 {background-color:rgba(0,255,0,0.3);} /* ສີສີຂຽວທີ່ມີຄວາມບໍ່ປະກົດ */
#p3 {background-color:rgba(0,0,255,0.3);} /* ສີຟ້າທີ່ມີຄວາມບໍ່ປະກົດ */

ສາມາດທົດສອບດຽວກັບຕອນນັ້ນອອກ.

ການກໍານົດ ແລະ ການນໍາໃຊ້

ກອງການ rgba() ທີ່ນຳໃຊ້ມີຄວາມຫຼາຍຂອງ Red-green-blue-alpha (RGBA) ເພື່ອກໍານົດສີ.

RGBA ສີມີຄວາມປະກົດຄວາມສະຫຼາດຂອງ RGB ສີມີສາຍ alpha ທີ່ສາມາດກໍານົດຄວາມບໍ່ປະກົດຄວາມສາມາດຫຼືຄວາມບໍ່ປະກົດຄວາມ.

ສະຖານະການ: CSS3

ການສະໜັບສະໜູນບັນດາບັຣເດີ້

ຈຳນວນສະຖານະການຂອງບັນດາບາຣເດີ້ທີ່ສະໜັບສະໜູນການນຳໃຊ້ພາສານີ້ແມ່ນຈຳນວນສະຖານະການທໍາອິດທີ່ສະໜັບສະໜູນການນຳໃຊ້ພາສານີ້.

ກອງການ
rgba() 1.0 9.0 3.0 3.1 10.0

ສານ CSS

rgba(red, green, blue, alpha)
ຄວາມຕົກລົງ ການອະທິບາຍ
red ການກໍານົດຄວາມຫຼາຍຂອງສີສີແດງຈາກ 0 ຫາ 255 ສະແດງໃຫ້ເປັນຈຳນວນສອງສາມຫຼື 0% ຫາ 100% ສະແດງໃຫ້ເປັນອັດຕາສາມສິບ.
green ການກໍານົດຄວາມຫຼາຍຂອງສີສີຂຽວຈາກ 0 ຫາ 255 ສະແດງໃຫ້ເປັນຈຳນວນສອງສາມຫຼື 0% ຫາ 100% ສະແດງໃຫ້ເປັນອັດຕາສາມສິບ.
blue ການກໍານົດຄວາມຫຼາຍຂອງສີຟ້າສີບອກຈາກ 0 ຫາ 255 ສະແດງໃຫ້ເປັນຈຳນວນສອງສາມຫຼື 0% ຫາ 100% ສະແດງໃຫ້ເປັນອັດຕາສາມສິບ.
alpha 将不透明度定义为介于 0.0（完全透明）和 1.0（完全不透明）之间的数字。