Mar a chuireas tu ceanglaichean air faltadh le CSS

Faodar falach air ceangal le CSS a dhèanamh ann an grunn dhòighean, ach bidh sinn a 'coimhead air dà dhòigh anns am faod URL a bhith falaichte bhon sealladh. Ma tha thu ag iarraidh ugh seilge no pasg sgadain a dhèanamh air do làrach, tha seo na dhòigh inntinneach a bhith a 'falach cheanglaichean.

Is e a 'chiad dhòigh le bhith a' cleachdadh "none" mar luach peart gnìomhachais CSS. Is e an tè eile dìreach le bhith a 'dathadh an teacsa gus a bhith a' maidseadh cùl-raon na duilleige.

Cumaibh an aire nach dèan dòigh sam bith an ceangal gu tur air falbh bho bhith air a lorg nuair a tha thu a 'lorg a' chòd stòr. Ach, cha bhith dòigh shìmplidh, sìmplidh aig luchd-tadhail gus a faicinn, agus chan eil fios aig luchd-tadhail an luchd-tadhail agad mar a lorgas tu an ceangal.

Nòta: Ma tha thu a 'coimhead airson stiùiridhean air mar a nì thu ceangal air duilleag stoidhle a-muigh, chan eil na stiùiridhean sin mar as trice. Faic dè an duilleag stoidhle a-muigh? an àite sin.

Cuir an comas tachartais air falbh

Is e a 'chiad dhòigh air an urrainn dhuinn a chleachdadh airson URL a chur am falach gus an ceangal a dhèanamh a' dèanamh dad. Nuair a bhios an luchag a 'dol thairis air a' cheangal, cha sheall e dè a tha an URL a 'comharrachadh agus cha leig e leat briogadh air.

Sgrìobh an HTML gu ceart

Aon aon an duilleag lìn, dèan cinnteach gu bheil an eadar-cheangal a 'leughadh mar seo:

ThoughtCo.com

Gu dearbh, feumaidh "https://www.thoughtco.com/" an URL a tha thu ag iarraidh falaichte a chomharrachadh, agus faodaidh ThoughtCo.com atharrachadh gu facal no abairt sam bith a tha thu ag iarraidh a tha ag innse mun cheangal.

Is e am beachd an seo gum bi an clas gnìomhach air a chleachdadh leis an CSS gu h-ìosal gus an ceangal a shealg gu h-èifeachdach.

Cleachd an còd CSS seo

Feumaidh an còd CSS aghaidh a thoirt don chlas gnìomhach agus mìnich don bhrobhsair gum bu chòir an tachartas air a 'cheangal briogadh, "none," mar seo:

.active {pointer-events: none; cursor: bunaiteach; }

Chì thu an dòigh seo ann an gnìomh thairis air aig JSFiddle. Ma bheir thu às do chòd CSS an sin, agus an uairsin ath-ghoirid an dàta, thèid an ceangal gu h-obann a chliogadh agus a chleachdadh. Tha seo air sgàth 's nach eil an CSS air a chleachdadh, mar as trice bidh an ceangal a' giùlain.

Nòta: Cuimhnich ma chì an neach-cleachdaidh còd stòr na duilleige, chì iad an ceangal agus bidh fios aca gu dìreach far a bheil e mar a chì sinn gu h-àrd, tha an còd fhathast ann, chan eil e furasta a chleachdadh.

Atharraich an dath ceangail

Mar as trice, nì dealbhaiche lìn eadar-cheanglaichean eadar dath eadar-dhealaichte seach a 'chùl-ionad gus am faic luchd-tadhail iad agus gum bi fios aca càit a bheil iad a' dol. Ge-tà, tha sinn an seo gus ceanglaichean a shealg , mar sin feuch an atharraich sinn an dath gus na duilleagan a cho-fhreagairt.

Mìnich Clas Custom

Ma chleachdas sinn an aon eisimpleir bhon chiad dòigh gu h-àrd, is urrainn dhuinn dìreach an clas atharrachadh gu rud sam bith a tha sinn ag iarraidh gus nach bi ceanglaichean sònraichte ach falaichte.

Mura chleachd sinn clas, agus an àite sin chuir sinn an CSS air adhart bho gach gu h-ìosal, agus bhiodh iad uile air falbh. Chan e sin a th 'annainn an-seo, mar sin cleachdaidh sinn an còd HTML seo a tha a' cleachdadh an clas hideme àbhaisteach:

ThoughtCo.com

Faigh a-mach dè an dath a chleachdas e

Mus cuir sinn a-steach an còd CSS iomchaidh gus an ceangal a shealg, feumaidh sinn dearbhadh dè an dath a tha sinn airson a chleachdadh. Ma tha cùl-fhiosrachadh làidir agad mar-thà, coltach ri geal no dubh, tha sin furasta. Ach, feumaidh dathan sònraichte eile a bhith ceart cuideachd.

Mar eisimpleir, ma tha luach hex6 aig dath an cùl-raoin agad, feumaidh tu fios a bhith agad airson gum bi còd CSS ag obrachadh gu ceart airson na duilleige a tha thu ag iarraidh gun tèid e às.

Tha gu leòr de na h-innealan "piocadh dath" no "eyedropper" sin rim faotainn, fear dhiubh air a bheil ColorPick Eyedropper airson brabhsair Chrome. Cleachd e airson dath cùl-raoin do dhuilleag lìn a shònrachadh gus an dath hex fhaighinn.

Customize the CSS airson Atharraich an dath

A-nis gu bheil an dath agad a bu chòir a bhith air a 'cheangal, tha an t-àm ann sin a chleachdadh agus an luach àbhaisteach clas bho shuas gu h-àrd, gus còd CSS a sgrìobhadh:

.hideme {dath: # e6ded1; }

Ma tha an dath cùil agad sìmplidh mar gheal no uaine, chan fheum thu an comharra # a chur air beulaibh:

.hideme {dath: geal; }

Faic còd sampall an dòigh seo anns an JSFiddle seo.