Question

我有一个Html页面，它包含两个不同的favicons引用，我想用第一个覆盖第二个favicon（favicon2）。即：

<head>
    <link rel="shortcut icon" href="/assets/images/favicon1.ico" type="image/x-icon" />
        <link rel="shortcut icon" href="/assets/images/favicon2.ico" type="image/x-icon" />
</head>

在Firefox中，favicon2正在展示但是在Chrome和IE中展示了favicon1，我该如何让Chrome显示为favicon2？

请帮助我。我被卡住了。

提前致谢

Answer 1

在文件夹的根目录中添加您的favicon，并更新到favicon的网址路径。

Answer 2

＆＃13;

function myFunction() {
document.getElementById('myIcon').href = "favicon2.ico";
}

＆＃13;

<!DOCTYPE html>
<html>

<head>
  <link id="myIcon" rel="shortcut icon" href="favicon1.ico" type="image/x-icon" />
</head>

<body>
  <p>Click the button to change the value of the src attribute of the icon.</p>
  <button onclick="myFunction()">Try it</button>
</body>

</html>

＆＃13;

Chrome favicon覆盖问题

2 个答案: