使用TYPO3的Internet Explorer 9上没有Favicon
[英]No Favicon on Internet Explorer 9 using TYPO3
问题描述
ive implemented a fav icon on this url: http://metzgerei-birkenhof.de/ 
我在此网址上实现了收藏夹图标： http : //metzgerei-birkenhof.de/
On firefox it show, but not on Internet Explorer (9) 在Firefox上显示，但在Internet Explorer上不显示（9）
Here is my setting i did in TYPO3: http://www.uploadscreenshot.com/image/1248589/7751025 这是我在TYPO3中所做的设置： http : //www.uploadscreenshot.com/image/1248589/7751025
I tried several "type" in the link tags. 我在链接标记中尝试了几种“类型”。 Even without the "type" value it wont work. 即使没有“类型”值，它也不起作用。
Any ideas? 有任何想法吗？
Regards, Max 此致Max
4 个解决方案
解决方案1
1 已采纳 2012-07-31 08:49:19
I got it! 我知道了！ Internet Explorer did not like what i did. Internet Explorer不喜欢我的所作所为。 I just renamed the favicon.png to favicon.ico. 我只是将favicon.png重命名为favicon.ico。
It did a fresh export to .ico format and it worked. 它重新导出为.ico格式，并且可以正常工作。
解决方案2
0 2012-07-27 12:11:30
最简单的方法是将favicon.ico文件放置在根文件夹中，然后无需在<head>部分中指定favicon的路径。
解决方案3
0 2012-07-27 14:21:26
Try to put it before title tag 尝试将其放在标题标签之前
I also found in other sites (in my country) that syntax: 我还在其他网站（在我的国家/地区）中发现了这种语法：
<meta name="msapplication-task" content="name=Blog; action-uri=/Blog.html; icon-uri=/favicon.ico" />
<meta name="msapplication-task" content="name=Programy; action-uri=/Kategorie,Windows.html; icon-uri=/favicon.ico" />
<meta name="msapplication-task" content="name=Lab; action-uri=/Lab.html; icon-uri=/favicon.ico" />
<meta name="msapplication-task" content="name=Forum; action-uri=http://forum.dobreprogramy.pl; icon-uri=/favicon.ico" />
解决方案4
0 2012-08-12 10:14:51
I struggled with this favicon problem for days - it showed in all the browsers but not in ie9! 我为这个图标问题困扰了好几天-在所有浏览器中都显示出来，但在ie9中却没有显示！
I suspected the file format speifically in definition-header and structure for the favicon.ico as it was the only thing left to examine having followed several tutorials and methods to the letter without success! 我怀疑文件格式特别是在favicon.ico的定义标题和结构中，因为这是检验仅遵循几个教程和方法而没有成功的唯一检查内容！
It seems I was right – windows 9 + ie9 expect the icon to be constructed as 4 icons all contained within one file. 看来我是对的-Windows 9 + ie9期望将图标构造为全部包含在一个文件中的4个图标。
Step by step: 一步步：
1)I constructed a 64x64 pixel 24 bit color graphic and saved it as a png file 1）我构建了一个64x64像素的24位彩色图形并将其另存为png文件
2)I imported this file into a freebee called X-icon Editor get it here http://www.xiconeditor.com/ 2）我将此文件导入了一个名为X-icon Editor的免费网站，在此处获取它http://www.xiconeditor.com/
3)Once I previewed the result (there will be four images 64x64, 32x32, 24x24 and 16x6 (all in pixels) and was happy with the result: 3）一旦我预览了结果（将会有四个图像64x64、32x32、24x24和16x6（均以像素为单位），并且对结果感到满意：
4)I exported the result and noted the tips before doing the export… 4）我导出结果并在导出之前记下了提示...
5)I then used the save as facility and directed the file to the root of my site files (where the index.html file is located) The file I saved was favicon.ico 5）然后，我使用另存为工具并将文件定向到我的站点文件的根目录（index.html文件所在的位置）。我保存的文件是favicon.ico。
6)If you wish to view the files go to the site directory on your hard drive and double click on the favicon.ico file and Windows Photo Viewer will show you 4 pages each representing the icon size. 6）如果要查看文件，请转到硬盘驱动器上的站点目录，然后双击favicon.ico文件，Windows Photo Viewer将显示4个页面，每个页面代表图标大小。
7)Edit your code under as follows (the detail is found in tips step 4): under the head tag insert this tag: link rel="shortcut icon" href="favicon.ico"/ 7）按如下方式编辑代码（详细信息请参见提示步骤4）：在head标签下插入此标签： link rel =“ shortcut icon” href =“ favicon.ico” /
8)Upload the changes to your server. 8）将更改上传到您的服务器。
9)Clear the ie9 cache files 9）清除ie9缓存文件
10)Wait about 20 minute (may take longer) 10）等待约20分钟（可能需要更长的时间）
11)Log onto your site and you should see the favicon 11）登录到您的网站，您应该会看到该图标
So what are the other icons all embedded into a single favicon.ico file? 那么，其他所有图标又都嵌入到单个favicon.ico文件中了吗？
64x64 are the large icons used by windows (if you create a shortcut on your desktop which has large icons the favicon will show your graphic in 64x64pixels), 64x64是Windows使用的大图标（如果您在桌面上创建一个带有大图标的快捷方式，则图标将以64x64像素显示图形），
32x32 same as above but for a desktop set for medium desktop icons 32x32与上述相同，但适用于设置为中型桌面图标的桌面
24x24 same as above but for a desktop set for small desktop icons 24x24与上述相同，但适用于为小型桌面图标设置的桌面
16x16 is the favicon used on your web page. 16x16是您的网页上使用的收藏夹图标。 Its also the icon used in the pinto area at the bottom bar of the desktop (taskbar)– move the shortcut from the desktop to the task bar and you'll see it resize 它也是桌面底部栏（任务栏）的Pinto区域中使用的图标–将快捷方式从桌面移至任务栏，您将看到其调整大小
All done – it works be – be patient for it to appear! 一切都完成了-可行-请耐心等待它的出现！
PS (advanced users) you can have more than one "Favicon" file but you'll need to rename all of them then under the head tag point to each of the icon files for the various pages - but you're only allowed one (or none for multiple files) favicon.ico files.... gets a bit hairy if you are a novice but go for it PS（高级用户），您可以有多个“ Favicon”文件，但是您需要重命名所有文件，然后在head标记下指向各个页面的每个图标文件-但您只能使用一个（或没有多个文件）favicon.ico文件...。如果您是新手，则会有点毛茸茸，但还是去吧
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.