Favicon 在 Internet Explorer 中不工作，如何解决？

Question

我已经检查了堆栈溢出提供的所有解决方案，但我无法解决我的问题，即图标未在 IE 中显示。

<!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" lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <link rel="shortcut icon" href="favicon1.ico" >
    <link rel="icon" type="/image/ico"  href="favicon1.ico" >
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <h1>Hello, world!</h1>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>

png 文件转换后用作.ico 文件[我无法在此处上传.ico 文件]:

谁能帮忙解决一下？

Answer 1

这对我有用

在 IE 中打开站点去设置 -> 兼容性视图设置添加那个网站并重新加载

<link rel="shortcut icon" href="favicon.ico" type="image/png">

favicon.ico和html页面是同一个目录

Answer 2

尝试使用像 http://www.favicon-generator.org/ 这样的网站来生成 png 文件并具有良好的语法。

<link rel="shortcut icon" href="favicon1.ico" >
<link rel="icon"          href="favicon1.ico" type="image/ico">
<link rel="shortcut icon" href="favicon.png"  type="image/png">

您可以发送更多信息，例如尺码：

<link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32"    href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96"    href="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16"    href="/favicon-16x16.png">

如果不能上传ico文件，就别提了，只说这一行:

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

Favicon 在 Internet Explorer 中不工作，如何解决？

Favicon Not working in Internet Explorer, How to fix it?

html

favicon

internet-explorer

这对我有用