Indlela yokufihla izixhumanisi usebenzisa i-CSS

Ukufihla isixhumanisi ne-CSS kungenziwa ngezindlela eziningi, kodwa sizobuka izindlela ezimbili lapho i-URL ingafihlwa khona ngokuphelele ekubukeni. Uma ufuna ukwakha umzingeli we-scavenger noma amaqanda e-easter kusayithi lakho, lena yindlela enhle yokufihla izixhumanisi.

Indlela yokuqala ngokusebenzisa i- "none" njenge-value ye-pointer-event CSS value value. Enye ngokumane udwebe umbhalo ukufanisa isizinda sekhasi.

Khumbula ukuthi ayikho indlela ezokwenza ukuthi isixhumanisi sinyamalale ngokuphelele lapho sitholakala lapho sisesha ikhodi yomthombo. Noma kunjalo, izivakashi ngeke zibe nendlela elula, eqondile yokuyibuka, futhi izivakashi zakho ze-novice ngeke zikwazi ukuthola indlela yokuxhumana.

Qaphela: Uma ufuna imiyalelo yokuxhumanisa ishidi lesitayela yangaphandle, le miyalo ayikho okulandelayo. Bheka Yisiphi Ishidi Lesitayela Esaphandle? esikhundleni.

Khubaza i-Pointer Event

Indlela yokuqala esingayisebenzisa ukufihla i-URL ukwenza isixhumanisi singenzi lutho. Uma igundane lihamba phezu kwesixhumanisi, ngeke libonise ukuthi i-URL ikukhomba ini futhi ngeke ikuvumele ukuthi uyichofoze.

Bhala i-HTML ngokufanele

Enye ikhasi lewebhu, qiniseka ukuthi i-hyperlink ifunda kanje:

ThoughtCo.com

Yebo, "i-https://www.thoughtco.com/" idinga ukukhomba i-URL yangempela ofuna ukuyifihla , futhi i-ThoughtCo.com ingashintshwa kunoma yiliphi igama noma inkulumo oyithandayo echaza isixhumanisi.

Umqondo lapha wukuthi iklasi esebenzayo izosetshenziselwa i-CSS ngezansi ukufihla ngokuqondile isixhumanisi.

Sebenzisa le CSS Code

Ikhodi ye-CSS idinga ukubhekana neklasi esebenzayo bese ichaza kusiphequluli ukuthi umcimbi onesixhumanisi uchofoze, kufanele ube "akekho," njengale:

.active {pointer-izenzakalo: akukho; isikhombisi: okuzenzakalelayo; }}

Ungabona le ndlela ngokusebenza ngaphezulu kwe-JSFiddle. Uma ususa ikhodi ye-CSS lapho, bese uvuselela idatha, isixhumanisi ngokuzumayo siyacubungula futhi sisetshenziswe. Lokhu kungenxa yokuthi uma i-CSS ingasetshenziswa, isixhumanisi siziphatha ngendlela evamile.

Qaphela: Khumbula ukuthi uma umsebenzisi ebheka ikhodi yomthombo wekhasi, bazobona isixhumanisi futhi azi kahle ukuthi uya kuphi ngoba njengathi sibona ngenhla, ikhodi isesekhona, ayisebenzisi nje.

Shintsha umbala we-Link & # 39; s

Ngokuvamile, umklami wewebhu uzokwenza ama-hyperlink abe nombala ohlukile kunemvelaphi ukuze izivakashi zikwazi ukuzibona futhi zikwazi ukuthi ziya kuphi. Noma kunjalo, silapha ukufihla izixhumanisi , ngakho ake sibone ukuthi singashintsha kanjani umbala ukufanisa wekhasi.

Chaza iClass Custom

Uma sisebenzisa isibonelo esifanayo kusuka endleleni yokuqala ngenhla, singamane sishintshe iklasi kunoma yini esiyifunayo ukuze kuphela izixhumanisi ezikhethekile ezifihliwe.

Uma singasisebenzisi ekilasini futhi esikhundleni salokho sisebenzise i-CSS kusuka ngezansi kuzo zonke izixhumanisi, ngakho konke kuzophela. Akusilokho esikulo ngemuva, ngakho-ke sizosebenzisa le khodi ye-HTML esetshenziswa isigaba sama-hideme esikoqobo:

ThoughtCo.com

Thola ukuthi Yimuphi umbala ozowusebenzisa

Ngaphambi kokuba singene ikhodi efanele ye-CSS ukufihla isixhumanisi, kudingeka sithole ukuthi imbala esiyifunayo. Uma unesizinda esiqinile kakade, njengamhlophe noma omnyama, kulula lokho. Kodwa-ke, eminye imibala ekhethekile kufanele ibe yinto efanayo.

Isibonelo, uma umbala wakho wesizinda unenani le-hex ye- e6ded1 , udinga ukwazi ukuthi ikhodi ye-CSS isebenza kahle ekhasini ofuna ukuba liphele.

Kukhona okuningi kwalokhu "amathuluzi ombala" noma "amathuluzi e-eyedropper" atholakalayo, okunye okubizwa ngokuthi i-ColorPick Eyedropper kusiphequluli se-Chrome. Sebenzisa ukuze ususe umbala wangemuva wekhasi lakho lewebhu ukuze uthole umbala we-hex.

Yenza ngokwezifiso i-CSS yokushintsha umbala

Njengoba manje unombala wokuthi isixhumanisi kufanele sibe yisikhathi, yisikhathi sokusebenzisa lokho kanye nenani leklasi langokwezifiso kusuka phezulu, ukubhala ikhodi ye-CSS:

.hideme {umbala: # e6ded1; }}

Uma umbala wakho wesizinda ulula njengokumhlophe noma okuluhlaza, akudingeki ubeke uphawu # ngaphambi kwalo:

.hideme {umbala: omhlophe; }}

Bona ikhodi yesampula yale ndlela kule JSFiddle.