ການຊ່ອນການເຊື່ອມຕໍ່ກັບ CSS ສາມາດເຮັດໄດ້ຫຼາຍວິທີ, ແຕ່ພວກເຮົາຈະຊອກຫາສອງວິທີທີ່ URL ສາມາດຖືກປິດໄວ້ທັງຫມົດຈາກມຸມມອງ. ຖ້າທ່ານຕ້ອງການສ້າງການລ່າສັດຫຼືໄຂ່ Easter ເທິງເວັບໄຊຂອງທ່ານ, ນີ້ແມ່ນວິທີທີ່ຫນ້າສົນໃຈທີ່ຈະຊ່ອນການເຊື່ອມຕໍ່.
ວິທີທໍາອິດແມ່ນໃຊ້ "none" ເປັນມູນຄ່າຄຸນລັກສະນະ CSS ຕົວຊີ້ຂອງຕົວຊີ້. ອີກອັນຫນຶ່ງແມ່ນໂດຍການໃສ່ສີຂໍ້ຄວາມທີ່ສອດຄ້ອງກັບພື້ນຫລັງຂອງຫນ້າ.
ຈື່ໄວ້ວ່າບໍ່ວ່າວິທີໃດກໍ່ຕາມຈະເຮັດໃຫ້ການເຊື່ອມຕໍ່ຫາຍໄປຫມົດໄປຈາກການຊອກຫາໃນເວລາທີ່ຊອກຫາລະຫັດແຫຼ່ງ. ຢ່າງໃດກໍຕາມ, ຜູ້ມາຢ້ຽມຢາມຈະບໍ່ມີວິທີທີ່ງ່າຍດາຍ, ງ່າຍດາຍໃນການທີ່ຈະເບິ່ງມັນ, ແລະຜູ້ມາຢ້ຽມຢາມຈົວຂອງທ່ານຈະບໍ່ມີຂໍ້ຄຶດກ່ຽວກັບວິທີການຊອກຫາການເຊື່ອມຕໍ່.
ຫມາຍເຫດ: ຖ້າທ່ານກໍາລັງຊອກຫາຄໍາແນະນໍາກ່ຽວກັບວິທີການເຊື່ອມໂຍງກັບເອກະສານສະໄຕພາຍນອກ, ຄໍາແນະນໍາເຫຼົ່ານີ້ບໍ່ແມ່ນສິ່ງທີ່ທ່ານກໍາລັງຊອກຫາ. ເບິ່ງ ສິ່ງທີ່ External Style Sheet? ແທນທີ່ຈະ.
ປິດການໃຊ້ງານຕົວຊີ້ນໍາ
ວິທີທໍາອິດທີ່ພວກເຮົາສາມາດໃຊ້ເພື່ອຊ່ອນ URL ແມ່ນເພື່ອເຮັດໃຫ້ການເຊື່ອມຕໍ່ບໍ່ເຮັດຫຍັງ. ໃນເວລາທີ່ຫນູຫນີໄປໃນໄລຍະການເຊື່ອມໂຍງ, ມັນຈະບໍ່ສະແດງສິ່ງທີ່ URL ຊີ້ໄປແລະມັນຈະບໍ່ປ່ອຍໃຫ້ທ່ານຄລິກມັນ.
ຂຽນ HTML ຢ່າງຖືກຕ້ອງ
ຫນຶ່ງໃນຫນ້າເວັບ, ໃຫ້ແນ່ໃຈວ່າ hyperlink ໄດ້ອ່ານດັ່ງນີ້:
ThoughtCocomແນ່ນອນ, "HTTP://www.thoughtco.com/" ຕ້ອງຊີ້ໃຫ້ເຫັນທີ່ຢູ່ເວັບໄຊທ໌ທີ່ທ່ານຕ້ອງການເຊື່ອງໄວ້, ແລະ ThoughtCo.com ສາມາດປ່ຽນເປັນຄໍາສັບໃດຫຼືປະໂຫຍກທີ່ທ່ານຕ້ອງການທີ່ອະທິບາຍການເຊື່ອມຕໍ່.
ແນວຄວາມຄິດນີ້ແມ່ນວ່າການໃຊ້ວຽກໃນຊັ້ນຮຽນຈະຖືກນໍາໃຊ້ກັບ CSS ຂ້າງລຸ່ມນີ້ເພື່ອປ້ອງກັນການເຊື່ອມຕໍ່.
ໃຊ້ລະຫັດ CSS ນີ້
ລະຫັດ CSS ຈໍາເປັນຕ້ອງແກ້ໄຂໃນລະດັບທີ່ຫ້າວຫັນແລະອະທິບາຍໃຫ້ຕົວທ່ອງເວັບວ່າເຫດການດັ່ງກ່າວຕາມການເຊື່ອມຕໍ່ກົດ, ຄວນຈະເປັນ "ບໍ່ມີ," ດັ່ງນີ້:
active {pointer-events: none cursor: default }ທ່ານສາມາດເບິ່ງວິທີການນີ້ໃນການກະທໍາຫຼາຍກວ່າທີ່ JSFiddle. ຖ້າທ່ານເອົາໂຄ້ດ CSS ອອກມີ, ແລະຫຼັງຈາກນັ້ນ rerun ຂໍ້ມູນ, ການເຊື່ອມຕໍ່ suddenly ກາຍເປັນສາມາດ clickable ແລະສາມາດໃຊ້ໄດ້. ນີ້ແມ່ນຍ້ອນວ່າເມື່ອ CSS ບໍ່ໄດ້ຖືກນໍາໃຊ້, ການເຊື່ອມຕໍ່ປະຕິບັດຕາມປົກກະຕິ.
ຫມາຍເຫດ: ຈົ່ງຈື່ໄວ້ວ່າຖ້າຜູ້ໃຊ້ເບິ່ງລະຫັດແຫຼ່ງຂອງຫນ້າ, ພວກເຂົາຈະເຫັນລິ້ງແລະຮູ້ວ່າມັນຢູ່ໃສຍ້ອນວ່າພວກເຮົາເຫັນຂ້າງເທິງ, ລະຫັດແມ່ນຍັງມີ, ມັນບໍ່ສາມາດໃຊ້ໄດ້.
ປ່ຽນສີຂອງການເຊື່ອມຕໍ່
ໂດຍປົກກະຕິແລ້ວ, ຜູ້ອອກແບບເວັບໄຊຕ໌ຈະເຮັດໃຫ້ hyperlinks ມີສີທີ່ແຕກຕ່າງກັນກວ່າພື້ນຫລັງເພື່ອວ່ານັກທ່ອງທ່ຽວສາມາດເບິ່ງເຫັນພວກເຂົາແລະຮູ້ບ່ອນທີ່ພວກເຂົາໄປ. ຢ່າງໃດກໍຕາມ, ພວກເຮົາກໍາລັງຢູ່ທີ່ນີ້ເພື່ອ ຊ່ອນການເຊື່ອມຕໍ່ , ດັ່ງນັ້ນໃຫ້ເບິ່ງວິທີການປ່ຽນສີໃຫ້ກົງກັນກັບຫນ້າຂອງ.
ກໍາຫນົດກຸ່ມທີ່ກໍາຫນົດເອງ
ຖ້າພວກເຮົາໃຊ້ຕົວຢ່າງດຽວກັນຈາກວິທີການທໍາອິດຂ້າງເທິງ, ພວກເຮົາພຽງແຕ່ສາມາດປ່ຽນບົດຮຽນໃຫ້ກັບສິ່ງທີ່ພວກເຮົາຕ້ອງການເພື່ອວ່າມີພຽງແຕ່ເຊື່ອມຕໍ່ພິເສດເທົ່ານັ້ນ.
ຖ້າພວກເຮົາບໍ່ໃຊ້ຫ້ອງຮຽນແລະແທນທີ່ຈະໃຊ້ CSS ຈາກຂ້າງລຸ່ມນີ້ໄປຫາທຸກໆການເຊື່ອມຕໍ່, ຫຼັງຈາກນັ້ນທັງຫມົດຂອງພວກເຂົາຈະຫາຍໄປ. ນັ້ນບໍ່ແມ່ນສິ່ງທີ່ພວກເຮົາກໍາລັງຢູ່ທີ່ນີ້, ດັ່ງນັ້ນພວກເຮົາຈະນໍາໃຊ້ລະຫັດ HTML ນີ້ທີ່ໃຊ້ລະບົບ Hideme ທີ່ກໍາຫນົດເອງ:
ThoughtCocomຄົ້ນຫາສິ່ງທີ່ສີໃຊ້
ກ່ອນທີ່ພວກເຮົາຈະເຂົ້າລະຫັດ CSS ທີ່ເຫມາະສົມເພື່ອຊ່ອນການເຊື່ອມຕໍ່, ພວກເຮົາຈໍາເປັນຕ້ອງຄິດເຖິງສີທີ່ພວກເຮົາຕ້ອງການໃຊ້. ຖ້າທ່ານມີພື້ນຫລັງແຂງແລ້ວ, ຄືສີຂາວຫຼືສີດໍາ, ແລ້ວນັ້ນກໍ່ງ່າຍໆ. ຢ່າງໃດກໍ່ຕາມ, ສີທີ່ພິເສດອື່ນໆຕ້ອງຖືກຕ້ອງຄືກັນ.
ຕົວຢ່າງເຊັ່ນຖ້າສີພື້ນຫລັງຂອງທ່ານມີຄ່າ hex ຂອງ e6ded1 , ທ່ານຈໍາເປັນຕ້ອງຮູ້ວ່າສໍາລັບລະຫັດ CSS ເຮັດວຽກຢ່າງຖືກຕ້ອງສໍາລັບຫນ້າທີ່ທ່ານຕ້ອງການມັນຫາຍໄປ.
ມີຫລາຍເຄື່ອງມື "picker ສີ" ຫຼື "eyedropper" ທີ່ມີຢູ່, ຫນຶ່ງໃນນັ້ນແມ່ນ ColorPick Eyedropper ສໍາລັບ browser Chrome. ໃຊ້ມັນເພື່ອນໍາສະເຫນີສີພື້ນຫລັງຂອງຫນ້າເວັບຂອງທ່ານເພື່ອໃຫ້ໄດ້ສີ hex.
ປັບແຕ່ງ CSS ເພື່ອປ່ຽນສີ
ໃນປັດຈຸບັນທີ່ທ່ານມີສີທີ່ເຊື່ອມຕໍ່ຄວນຈະເປັນ, ມັນໃຊ້ເວລາທີ່ຈະນໍາໃຊ້ແລະມູນຄ່າຫ້ອງຮຽນທີ່ກໍານົດໄວ້ຂ້າງເທິງ, ເພື່ອຂຽນລະຫັດ CSS:
hideme {color: # e6ded1 }ຖ້າສີພື້ນຫລັງຂອງທ່ານງ່າຍຄືສີຂາວຫຼືສີຂຽວ, ທ່ານບໍ່ຕ້ອງໃສ່ປ້າຍ # ກ່ອນມັນ:
hideme {color: white }ເບິ່ງລະຫັດຕົວຢ່າງຂອງວິທີການນີ້ໃນ JSFiddle ນີ້.