首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >未显示favicon

未显示favicon
EN

Stack Overflow用户
提问于 2012-08-03 21:50:54
回答 3查看 25.1K关注 0票数 9

我正试着在我的网址栏上添加一个收藏图标。但它没有显示,我确信路径是正确的,因为当我将其用作正常图像时,它确实会显示出来。下面是html代码:

代码语言:javascript
复制
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"    
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title> title </title>
    <link href = "styles.css" rel="stylesheet" type="text/css" />

    <link rel="icon" type="image/png" href="../images/favicon.png">
EN

回答 3

Stack Overflow用户

发布于 2012-08-03 22:12:30

首先,试着给出完整的URL。例如"http://localhost/mysite/images/favicon.png" (实际上,让它适应您的配置)

否则,在我的网站上,这是可行的:

代码语言:javascript
复制
<link rel="shortcut icon" href="images/favicon.ico" />

尝试:

  1. 将你的png转换成ico。有免费的在线工具,例如http://www.convertico.com/
  2. be sure of your folder path。不会是./images而不是../images?否则,请尝试提供完整的URL。例如"http://localhost/mysite/images/favicon.ico"
  3. 完成上述步骤后,尝试清除浏览器缓存并重新加载站点。
票数 10
EN

Stack Overflow用户

发布于 2012-08-03 21:56:55

使用<link rel="icon" type="image/png" href="../images/favicon.png">

参见W3C howto

但是,您选择的图像格式必须是16x16像素或32x32像素,使用8位或24位颜色。

票数 2
EN

Stack Overflow用户

发布于 2012-08-03 21:54:34

您的rel属性需要为icon,而不是shortcut icon

有几种方法可以设置收藏夹图标,但我使用以下方法:

代码语言:javascript
复制
<link rel="icon" type="image/png" href="<?= base_url('assets/images/logos/favicon.png'); ?>" />     
票数 -2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11797094

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档