Chrome没有显示我的tumblr博客的图标?

时间:2016-04-24 18:14:31

标签: html css google-chrome favicon tumblr-themes

它在Firefox上运行得非常好,它甚至可以像它应该的那样移动,看到它是一个gif并且我添加了适当的编码。我已经在这三个小时了,我找不到修复方法。

我唯一能做到的就是让它停止显示我的旧图标(从上次改变我的tumblr主题,因为它因某些原因而被卡住了,即使我已经完全删除了任何“图标”代码的痕迹。我删除了' favicons'文件并强制了一个favicon刷新,但现在它只是告诉我这个。

http://i.stack.imgur.com/A8hpG.png

我以前不记得遇到过这个问题,至少不是这个问题。我总是设法改变它,它从来没有给我这么多麻烦。我猜,至少它可以在其他浏览器中运行,但它让我无所事事。

任何提示?我是编码的新手,我没有制作我的tumblr主题,我只是添加了一些调整来实现我喜欢的一些东西,包括favicon。

这是我的tumblr页面的链接:http://prickgraysonx.tumblr.com/

2 个答案:

答案 0 :(得分:1)

这是因为您body只有head中的标记。在head

的顶部查找此snipet
<div id="bartop"></div>
<div id="barbottom"></div>
<div id="barleft"></div>
<div id="barright"></div>

只需删除这些不必要的div(或将其移至所属的body

与Firefox及其他人不同,Chrome认为head在遇到divspan或其他body相关标记时会立即关闭。由于link标记出现在后面,因此Chrome会假设它们位于body,它们不应该在那里。所以它忽略了它们。

答案 1 :(得分:0)

当您在网页上时,请按[F12]打开development tools,然后用鼠标指针在left click上向下按REFRESH button(操作点击) 2秒后你会看到三个选项点击第三个 - &gt; 'Empty Cache and Hard Reload'。然后你会看到发生的变化。

enter image description here

如果这样可行,则归功于Chrome提供的缓存系统缓存图像和图标......以便更快地浏览而不下载重复的资源。

如果没有,请参阅此帖:Solution

你也可以这样做:

Gif图标:

<link rel="icon" type="image/gif" href="data:image/gif;base64,R0lGODlhFAAUAOMAAIQCBASCBISChMTCxKRSLPSChPzu1PwCBGyOJNy6hPz+/P7+/gAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJZAAMACwAAAAAFAAUAAAEenDJSaulIut9ZTZgCGZXNpxiSGJD6o7sOSgG7QrYpu8VkPzA4A9g8QmPxJ5iqUAEAgimIkkxJpw/KJA6sQaC3+EFAAoYEAiD2cCt/rAJbaLdJdidUDuBe1j0yS8gfAd9C4AuAAUFC4p+XUdDipI9kHOMjUUAmptUiwsRACH5BAlkAAwALAAAAAAUABQAg4QCBASCBISChMTCxPxiRPSChPzu1KQqLGyOJNy6hPz+/P7+/gAAAAAAAAAAAAAAAAR4cEkpqr0zU2G675W2DeRnKEqYCYPpgitZKq8hrFeua0Di/0AfQNQLGoc8FAoRCCCUCmSmmGD6nD/phBoAdoWiBaATMDTNHe3UZ01gE+rtYc50zg9xybhmGBIWf1M1SASFBQULh1RBUn+Hj4tAcY96AJaXeYlhmxIRADs=" />

Png图标:

<link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAWCAIAAACkFJBSAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADPSURBVDhPzdDNCoJAFAXgec7WRS/gomW2aiNE+/7N0sqyLBCKLLNeq5lGpuEOjXFnUZeDoN75OEqCx8E8f65UlGl12mAHhPj3PXhEj4Hbar2mh5gCIFUZJIEeIvM8BpCq0Kse+kqRR34l8lYE9GmVRqcA6HfKLNsBCKvcGGSkeNeIKwLCKNNLBOogFS/bynUwyuQcFnUkRTPgPE+h0Doc4h8FlkpDhselDCGVfuKPTys3XYsfhFG6ix6FRq9GbrphUB6DpdKQpmU1HNsojv0En5X5p/+vZ6gAAAAASUVORK5CYII=" />

.ico文件:

<link rel="shortcut icon" href="http://www.iconarchive.com/download/i94886/martin-berube/people/lady.ico" type="image/x-icon" />
相关问题