Favicon无法在Internet Explorer中工作，如何修复它？

时间：2016-12-09 11:43:18

标签： html internet-explorer favicon

我已经检查了堆栈溢出时提供的所有解决方案，但我无法解决我在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>

转换并用作.ico文件的png文件[我无法在此处上传.ico文件]：

enter image description here

任何人都可以帮忙解决问题吗？

2 个答案:

答案 0 :(得分：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">

答案 1 :(得分：-1)

这对我有用

在IE中打开网站 去 设置 - ＆gt;兼容性视图设置 添加该网站 并重新加载

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

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

相关问题
最新问题