დამალვა ბმული CSS შეიძლება გაკეთდეს რიგი გზები, მაგრამ ჩვენ შევხედავთ ორი მეთოდი, რომელშიც URL შეიძლება მთლიანად დაფარული მიზნით. თუ გსურთ შექმნათ სათხილამურო ნადირობა ან სააღდგომო კვერცხი თქვენს საიტზე, ეს არის საინტერესო გზა ბმულების დამალვა.
პირველი გზა არის "none" გამოყენებით, როგორც მაჩვენებელი მოვლენების CSS ქონების ღირებულება. მეორე არის უბრალოდ შეღებვა ტექსტი შეესაბამება ფონზე გვერდზე.
გაითვალისწინეთ, რომ არც ერთი მეთოდი არ შეიცვლება ბმული მთლიანად გაქრება საწყისი კოდის ძიებისას. თუმცა, სტუმრებს არ ექნებათ მარტივი, პირდაპირი გზა, რომლითაც დაინახავთ და თქვენი ახალბედა სტუმრებს არ ექნებათ ნახავ როგორ იპოვონ ბმული.
შენიშვნა: თუ თქვენ ეძებთ ინსტრუქციებს, თუ როგორ უნდა დაუკავშირონ გარე სტილის ფურცელი, ეს ინსტრუქციები არ არის ის, რაც თქვენ შემდეგ. იხილეთ რა გარე სტილი ფურცელი? ნაცვლად.
გამორთვა პუნქტორის მოვლენა
პირველი მეთოდი, რომელსაც ჩვენ შეგვიძლია გამოვიყენოთ URL- ის დამალვა, ბმული არაფერს აკეთებს. როდესაც მაუსის hovers მეტი ბმული, ის არ აჩვენებს რა URL მიუთითებს და ეს არ მივცემთ მას დააჭირეთ.
დაწერეთ HTML სწორად
ერთი ვებ გვერდი, დარწმუნდით, რომ ჰიპერბმულის ნათქვამია:
ThoughtCo.comრა თქმა უნდა, "https://www.thoughtco.com/" უნდა აღინიშნოს ფაქტობრივი URL რომ გსურთ ფარული და ThoughtCo.com შეიძლება შეიცვალოს ნებისმიერი სიტყვა ან ფრაზა მოგწონთ, რომელიც აღწერს ბმულს.
იდეა აქ არის ის, რომ კლასი აქტიური იქნება გამოყენებული CSS ქვემოთ ეფექტურად დამალვა ბმული.
გამოიყენეთ ეს CSS კოდი
CSS კოდი უნდა მივმართოთ აქტიურ კლასს და განუმარტოთ ბრაუზერს, რომ ბმულის დაჭერით ღონისძიება უნდა იყოს "არცერთი", როგორც ეს:
აქტიური {მაჩვენებელი-მოვლენები: არა; კურსორი: default; }თქვენ შეგიძლიათ იხილოთ ეს მეთოდი სამოქმედო გეგმით JSFiddle- ზე. თუ წაიშლება CSS კოდი და შემდეგ გამეორება მონაცემები, ბმული მოულოდნელად ხდება clickable და გამოსადეგი. ეს იმიტომ, რომ როდესაც CSS არ გამოიყენება, ბმული ჩვეულებრივ.
შენიშვნა: გაითვალისწინეთ, რომ თუ მომხმარებლის ნახვა ნახვა კოდის, ისინი დაინახავთ ბმულს და ვიცი ზუსტად საიდან მიდის, რადგან ჩვენ ვხედავთ ზემოთ, კოდი ჯერ კიდევ არსებობს, უბრალოდ არ არის გამოსადეგი.
შეცვალეთ ლინკის & # 39; s ფერი
ჩვეულებრივ, ვებ დიზაინერი გახდის ჰიპერბმულებს განსხვავებულ ფერს, ვიდრე იმ ფონზე, რომ სტუმრებს შეუძლიათ რეალურად ნახონ და იციან სად წავიდეთ. თუმცა, ჩვენ აქ ვართ დამალვა ბმულები , მოდით ვნახოთ, თუ როგორ უნდა შეიცვალოს ფერი ემთხვევა იმ გვერდს.
განსაზღვრეთ საბაჟო კლასი
თუ ზემოთ გამოყენებულ მაგალითს ვიყენებთ, პირველ რიგში, ჩვენ შეგვიძლია უბრალოდ შევცვალოთ კლასი, რაც ჩვენ გვინდა, რომ მხოლოდ სპეციალური კავშირები დამალულია.
თუ ჩვენ არ გამოვიყენეთ კლასი და ნაცვლად გამოიყენა CSS ქვემოთ ყოველი ბმული, მაშინ ყველა მათგანი გაქრება. ეს არ არის ის, რაც ჩვენ აქ შემდეგ, ასე რომ ჩვენ ვიყენებთ ამ HTML კოდი, რომელიც იყენებს საბაჟო Hideme კლასი:
ThoughtCo.comშეიტყვეთ რა ფერის გამოყენება
ბმულზე დამალვისთვის სათანადო CSS კოდის ჩასვლამდე უნდა გამოვყოთ, თუ რა ფერის გამოყენება გვსურს. თუ თქვენ გაქვთ მყარი ფონზე უკვე, როგორც თეთრი ან შავი, მაშინ ეს ადვილია. თუმცა, სხვა სპეციალური ფერები უნდა იყოს ზუსტი ძალიან.
მაგალითად, თუ თქვენი ფონის ფერის აქვს hex ღირებულება e6ded1 , თქვენ უნდა იცოდეთ, რომ CSS კოდი იმუშავებს სწორად გვერდზე თქვენ სურვილს იგი გაქრება.
არსებობს უამრავი ამ "ფერადი ამომრჩევი" ან "eyedropper" ხელსაწყოები, რომელთაგან ერთ-ს უწოდებენ ColorPick Eyedropper- ის Chrome ბრაუზერისთვის. გამოიყენეთ იგი თქვენი ვებ-გვერდის ფონის ფერის ნიმუშის მისაღებად ჰექს ფერის მისაღებად.
მორგება CSS- ის შეცვლას
ახლა, რომ თქვენ გაქვთ ფერი, რომ ბმული უნდა იყოს, დროა გამოვიყენოთ ეს და საბაჟო კლასის ღირებულება ზემოდან, დაწერა CSS კოდი:
.ჰიდემ {ფერი: # e6ded1; }თუ თქვენი ფონის ფერი მარტივია, როგორც თეთრი ან მწვანე, თქვენ არ უნდა დააყენოთ # ნიშანი მანამდე:
.ჰიდემ {ფერი: თეთრი; }იხილეთ ამ მეთოდის ნიმუში კოდი ამ JSFiddle.