Chcę ustawić favicon na dość dużą liczbę stron. Ale zamiast tagu HTML <head>
<link rel="shortcut icon" href="favicon.ico">
, chciałbym ustawić go w pliku CSS. Mam ograniczony dostęp do niektórych plików html i ograniczoną kontrolę nad ich cyklem życia.używając favicon z css
Odpowiedz
Nie możesz ustawić favikona z CSS - jeśli chcesz to zrobić jawnie, musisz to zrobić w znaczniku, jak opisałeś.
Większość przeglądarek będzie jednak szukała pliku favicon.ico
w katalogu głównym witryny - jeśli więc uzyskasz dostęp do http://example.com, większość przeglądarek będzie automatycznie wyszukiwać http://example.com/favicon.ico.
Nie musisz - jeśli favicon jest umieszczony w katalogu głównym na favicon.ico, przeglądarki automatycznie go podniosą.
Jeśli nie działa, wyczyść pamięć podręczną itp., Działa bez znaczników. Musisz tylko użyć kodu, jeśli chcesz go nazwać inaczej lub umieścić na CDN na przykład.
Jeśli (1) potrzebujesz favicon, który jest inny dla niektórych części domeny, lub (2) chcesz, aby to działało z IE 8 lub starszym (nie testowałem żadnej nowszej wersji), następnie ty trzeba edytować w html, aby określić favicon
Nie ma wyraźnego sposobu na zmianę favicon na całym świecie za pomocą CSS, które znam. Ale możesz użyć prostej sztuczki, aby zmienić ją w locie.
Najpierw po prostu nazwij lub zmień nazwę favicon na "favicon.ico" lub coś podobnego, co będzie łatwe do zapamiętania lub jest istotne dla witryny, nad którą pracujesz. Następnie dodaj link do favikonu w głowie, tak jak zwykle. Potem, gdy wpadniesz na nowy favicon, upewnij się, że jest w tym samym katalogu co stary i że ma to samo imię i gotowe!
To nie jest bardzo eleganckie rozwiązanie i wymaga trochę wysiłku. Ale upuszczenie nowego favicon w jednym miejscu jest znacznie łatwiejsze niż znalezienie i zastąpienie wszystkich linków lub, co gorsza, ręczne ich zmienianie. Przynajmniej w ten sposób nie ma zamieszania z kodem.
Oczywiście upuszczenie nowego favicon o tej samej nazwie spowoduje usunięcie starego, więc koniecznie wykonaj kopię zapasową starego favicon na wypadek katastrofy lub jeśli kiedykolwiek będziesz chciał wrócić do starego projektu.
To kiepskie. Favicon jest tak naprawdę o stylizacji strony internetowej, powinien zdecydowanie zostać przeniesiony do css! –
@AugustinRiedinger - Jaka jest favikonowa część strony? Nigdy nie pojawia się na samej stronie. – Oded
Zgadza się. Sądzę, że to zależy od tego, co dodasz do stylizowania strony. W moim przypadku cutomizing open-source webservice i było specjalne css dla tego celu. Chociaż favicon powinien być częścią tego dostosowania i byłoby to łatwe w pliku css! –