Question

我有以下代码：

    <head>

<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
    <title>EPDM Polymers | EPDM Rubber Granules | Poured-In-Place Rubber</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
    <link rel="stylesheet" href="./css/main.css" />
    <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
    <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->

    <!-- Start WOWSlider.com HEAD section --> 
    <link rel="stylesheet" type="text/css" href="./css/style.css" />
    <script type="text/javascript" src="./js/jquery.js"></script>
    <!-- End WOWSlider.com HEAD section -->

    <link rel="stylesheet" href="./js/BackToTop.jquery.css" type="text/css" />

</head>

但是，favicon没有显示在www.epdmpolymers.com上我的images文件夹中有favicon.ico文件。有任何想法吗？

Answer 1

您有2个favicon.ico链接，请尝试从代码中删除第一个链接。我想这对你有用。

或者再次交叉检查图像的路径，尝试使用文件的相对路径。例如：如果您的图像位于root / images文件夹中，请使用（/images/favicon.ico）

Answer 2

我最喜欢的调试方法之一是从http://www.google.com/favicon.ico

等工作网站下载并使用favicon.ico文件

如果它有效，那么问题将在于您的文件大小或格式。
如果它不起作用，那么问题将是 html标签。
要排除文件权限问题，请尝试访问您的favicon文件直接通过浏览器地址栏使用其URL。

Favicon在网站上不可见

2 个答案: