9

我正在尝试向我的网址栏添加一个图标。但它没有出现，我确定路径是正确的，因为当我将它用作普通图像时，它确实出现了。这是html代码：

<!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">
4

3 回答 3

10

首先，尝试提供完整的 URL。例如"http://localhost/mysite/images/favicon.png"（实际上使其适应您的配置）

否则，在我的网站上，这有效：

<link rel="shortcut icon" href="images/favicon.ico" />

尝试：

  1. 将您的 png 转换为 ico。有免费的在线工具，例如http://www.convertico.com/
  2. 确保您的文件夹路径。不会./images代替../images吗？否则请尝试提供完整的 URL。例如"http://localhost/mysite/images/favicon.ico".
  3. 完成上述步骤后，尝试清除浏览器缓存并重新加载网站。
于 2012-08-03T14:12:30.063 回答
2

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

请参阅W3C 方法。

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

于 2012-08-03T13:56:54.510 回答
-2

您的rel属性必须是icon而不是shortcut icon。

有几种方法可以设置 Favicon，但这是我使用的：

<link rel="icon" type="image/png" href="<?= base_url('assets/images/logos/favicon.png'); ?>" />
于 2012-08-03T13:54:34.137 回答