Tôi muốn đặt favicon cho một số lượng khá lớn các trang. Tuy nhiên, thay vì sử dụng thẻ HTML <head><link rel="shortcut icon" href="favicon.ico">, tôi muốn đặt nó trong tệp CSS. Tôi có quyền truy cập hạn chế vào một số tệp html và kiểm soát giới hạn trong vòng đời của chúng.sử dụng favicon với css
Bạn không thể đặt một favicon từ CSS - nếu bạn muốn làm điều này một cách rõ ràng bạn phải làm điều đó trong đánh dấu như bạn mô tả.
Hầu hết các trình duyệt sẽ tìm kiếm tệp favicon.ico trên thư mục gốc của trang web - vì vậy nếu bạn truy cập http://example.com, hầu hết các trình duyệt sẽ tự động tìm kiếm http://example.com/favicon.ico.
Bạn không cần phải - nếu favicon được đặt trong thư mục gốc tại favicon.ico, các trình duyệt sẽ tự động nhặt nó lên.
Nếu bạn không thấy nó hoạt động, hãy xóa bộ nhớ cache của bạn, v.v. hoạt động mà không có đánh dấu. Bạn chỉ cần sử dụng mã nếu bạn muốn gọi nó một cái gì đó khác, hoặc đặt nó trên một CDN ví dụ.
Nếu (1) bạn cần một favicon khác với một số phần của miền hoặc (2) bạn muốn làm việc với IE 8 trở lên (chưa thử nghiệm bất kỳ phiên bản mới hơn), sau đó bạn phải chỉnh sửa html để chỉ định favicon
Không có cách nào rõ ràng để thay đổi favicon trên toàn cầu bằng cách sử dụng CSS mà tôi biết. Nhưng bạn có thể sử dụng một mẹo đơn giản để thay đổi nó trên bay.
Chỉ cần đặt tên hoặc đổi tên, biểu tượng thành "favicon.ico" hoặc thứ gì đó tương tự sẽ dễ nhớ hoặc có liên quan đến trang web bạn đang làm việc. Sau đó, thêm liên kết vào favicon trong đầu như bạn thường làm. Sau đó, khi bạn thả trong một favicon mới chỉ cần chắc chắn rằng nó trong cùng một thư mục như cũ, và rằng nó có cùng tên, và có bạn đi!
Nó không phải là một giải pháp rất thanh lịch, và nó đòi hỏi một số nỗ lực. Nhưng việc bỏ một favicon mới ở một nơi dễ dàng hơn nhiều so với việc tìm và thay thế tất cả các liên kết, hoặc tệ hơn, thay đổi chúng theo cách thủ công. Ít nhất theo cách này không liên quan đến rối tung với mã.
Tất nhiên, thả một hình đại diện mới có cùng tên sẽ xóa ảnh cũ, vì vậy hãy nhớ sao lưu ảnh đại diện cũ trong trường hợp xảy ra thảm họa hoặc nếu bạn muốn quay lại thiết kế cũ.
Điều đó thật đáng xấu hổ. Favicon thực sự là về phong cách một trang web, nó chắc chắn sẽ được chuyển đến css! –
@AugustinRiedinger - Phần favicon của trang như thế nào? Nó không bao giờ xuất hiện trên chính trang đó. – Oded
Đúng vậy. Tôi đoán nó phụ thuộc vào những gì bạn đưa vào tạo kiểu trang web. Trong trường hợp của tôi, tôi đã được cutomizing một webservice mã nguồn mở và có một số css đặc biệt cho mục đích này. Tôi mặc dù favicon nên có được một phần của tùy biến này và nó sẽ có được dễ dàng trong một tập tin css! –