CSS ን በመጠቀም አገናኞችን እንዴት እንደሚደብቁ

በሲኤስኤል ግንኙነትን መደበቅ በርካታ መንገዶችን ሊያከናውን ይችላል, ነገር ግን አንድ ዩአርኤል ከእይታ ውስጥ ሙሉ በሙሉ ሊደበቅባቸው የሚችሉባቸውን ሁለት መንገዶች እንመለከታለን. በጣቢያዎ ላይ የሳይንስ ሹን ወይም የእንስሳት ቼክ ለመፍጠር ከፈለጉ, አገናኞችን ለመደበቅ የሚስጥራዊ መንገድ ነው.

የመጀመሪያው መንገድ "ምንም" በ "ጠቋሚ" - ክስተቶች የሲኤስ የንብረት እሴትን በመጠቀም ነው. ሌላኛው ደግሞ ከገጹ የጀርባ ገጽ ጋር እንዲዛመድ የጽሁፉን ቀለም በማንሳት ነው.

የምንጠቀመው ዘዴ የምንጩውን ኮድ በምንፈልግበት ጊዜ አጣቢው ፈጽሞ ሊጠፋ እንደማይችል ያስታውሱ. ይሁን እንጂ ጎብኚዎች ለማየት ቀላል እና ቀጥተኛ መንገድ አይኖራቸውም, እና አዲሶቹ ጎብኚዎች እንዴት አገናኝን እንደሚያገኙ ፍንጭ አይኖራቸውም.

ማስታወሻ: የውጫዊ ቅጥ ገጽታ እንዴት እንደምታገናኝ መመሪያዎችን እየፈለጉ ከሆነ, እነዚህ መመሪያዎች በኋላ ላይ ያልገቡት. የውጫዊ ቅጥ ሉህን ይመልከቱ ? ይልቁንስ.

የጠቋሚ ክስተት አሰናክል

ዩአርኤልን ለመደበቅ የምንጠቀምበት የመጀመሪያው ዘዴ ማገናዘቢያው ምንም ነገር እንዲያደርግ አይደለም. መዳፉ በአገናኙ ላይ ሲያርፍ ዩአርኤል የሚጠቁመውን ምልክት አያሳይም, እና ጠቅ እንዲያደርጉ አይፈቅድልዎትም.

ኤችቲኤምኤልን በትክክል ይጻፉ

አንዱ ድረ-ገጽ, የገጽ-አልባ አገላለጽ እንደዚህ እንደሚል ያረጋግጡ:

ThoughtCo.com

በእርግጥ, "https://www.thoughtco.com/" መሸሸጊያን የፈለጉትን ትክክለኛ ዩአርኤል ላይ መጠቆም አለበት, እና ThoughtCo.com የሚገናኙትን ቃል ወይም ሐረግ የሚገልፅን ቃል ሊለውጠው ይችላል.

እዚህ ያለው ሃሳብ, ክፍሉ ገባሪው የሚገናኙን ውጤታማ በሆነ መልኩ ከከፌታር (CSS) ጋር ጥቅም ላይ ይውላል.

ይህን የሲሲ ኮድ ኮድ ይጠቀሙ

የሲ.ኤ.ሲ. ኮ.ኑ የንቁ ደረጃውን እንዲይዝ እና በአገናኝ ላይ ያለው ክስተት ክስተት ላይ «ያለ» መሆን አለበት ለ <

.active {pointer-events: none; ጠቋሚ ነባሪ; }

ይህ ዘዴ በ JSFiddle ላይ በድርጊት ማየት ይችላሉ. የ CSS ኮድ እዚያ ላይ ካስወገዱ እና ከዚያ ውሂቡን እንደገና ለማስጀመር, አገናኙ ወዲያውኑ በድንገት ሊታዩ እና ሊሠራባቸው ይችላል. ይህ የሆነበት ምክንያት የሲ.ኤስ.ኤስ ሲተገበር, አገናኙ እንደወትሮው ነው.

ማሳሰቢያ: ተጠቃሚው የገጹን ምንጭ ኮድ ከተመለከተ, አገናኙን ያዩና የት እንደሚሄድ በትክክል ያውቃሉ ምክንያቱም ከላይ እንዳየነው, ኮዱ አሁንም እንደዚያ ነው, ሊሠራ አይችልም.

የአገናኝን ቀለም ቀይር

በተለምዶ የድረ-ገጽ ንድፍ አውጪዎች ጎብኚዎችን ከጀርባው የተለየ ቀለም ያደርጉና ጎብኚዎች በእርግጥ እነሱን ማየት እና ወዴት እንደሚሄዱ ማወቅ ይችላሉ. ሆኖም, አገናኞችን ለመደበቅ እዚህ ተገኝተናል, ስለዚህ ገጹን ለመሙላት ቀለሙን እንዴት እንደሚለውጡ እንመልከት.

ብጁ የትርጉም ክፍል ይግለጹ

ከላይ ከተጠቀሰው የመጀመሪያው ዘዴ ጋር ተመሳሳይውን ምሳሌ ከተጠቀምን ብቻ ልዩ ዘይቤዎች እንዲደበቁ ለማድረግ የምንፈልገውን ነገር በቀላሉ መለወጥ እንችላለን.

አንድ ክፍል ካልተጠቀምነው እና ከዚያ ይልቅ የሲ.ኤስ.ኤልን ከታች ወደ እያንዳንዱ አገናኝ ተግተው ከሆነ, ሁሉም ሁሉም ይጠፋሉ. ከእዚያ በኋላ እዚህ ያለነው አይደለም, ስለዚህ የብጁ ዊደሊይድ ክፍል የሚጠቀምውን ይህን የኤችቲኤምኤል ኮድ እንጠቀመዋለን:

ThoughtCo.com

ምን ዓይነት ቀለም መጠቀም እንደሚችሉ ይወቁ

አገናኙን ለመደበቅ አግባብ የሆነውን የሲአኤስኤል ኮድ ከማስገባታችን በፊት የትኛውን ቀለም መጠቀም እንደምንፈልግ ማወቅ ያስፈልገናል. ቀድሞውኑ ጠንካራ ነጭ ጀርባ ካለዎት, እንደ ነጭ ወይም ጥቁር, ከዚያ ቀላል ነው. ይሁን እንጂ ሌሎች ልዩ ቀለሞችም በትክክል መገኘት አለባቸው.

ለምሳሌ, የእርስዎ የበስተጀርባ ቀለም የ e6ded1 hex እሴት ካለው , ለገጹ አርእስት በትክክል እንዲሰራ የፈለጉት የሲ.ሲ.ኤስ. ኮድ በትክክል እንዲጠፋ ይፈልጋሉ.

እነዚህ "የቀለም መልቀሚያ" ወይም "የፔሮፕሮፐር" መሳሪያዎች ይገኛሉ, ከእነሱ አንዱ ለ Chrome አሳሽ ColorPick Eyedropper ይባላል. የሂኖ ቀለሙን ለማግኘት የድረ ገጽዎ ዳራ ቀለም ለመምሰል ይጠቀሙበት.

ቀለሙን ለመለወጥ የሲኤስኤል ብጁ አድርግ

አሁን አገናኙ እንዲኖርበት ቀለም ካለዎት, ያንን መጠቀም እና የሲአዲ ኮዱን ለመጻፍ ከላይ የተጠቀሰው የክፍል ውስጥ እሴት አሁን ነው.

.hideme {color: # e6ded1; }

የጀርባ ቀለምዎ እንደ ነጭ ወይም አረንጓዴ ቀለል ያለ ከሆነ በቅድሚያ # ምልክቱን ማስገባት የለብዎትም:

.hideme {ቀለም: ነጭ; }

የዚህን ዘዴ የናሙና ኮድ በዚህ JSFiddle ይመልከቱ.