Dashcode Web剪辑图标，我已经尝试了所有操作，但不会显示

Question

我无法显示我的破折号Web剪辑图标，它只显示safari生成的图标。 我尝试使用破折号来设计它，然后使用代码

<link rel="apple-touch-icon" href="Images/WebClipIcon.png">

我还尝试将名为apple-touch-icon.png的文件添加到根文件夹，但仍然无法正常工作。 我已经在模拟器，iphone和ipad上运行了该站点，并且自定义Web剪辑图标将不会显示。 有人有建议吗

更新：我刚刚创建了一个新的破折号项目，并尝试添加一个webclip图标，但它仍然无法正常工作。 这真的开始让我感到沮丧。

Answer 1

您需要将图像添加到手机照片之外的图像文件中

Answer 2

我将添加1件对我造成此问题的东西。 在尝试了所有已记录的修复程序之后，我尝试为图标添加背景色。 本来我有一个透明的背景。 一旦我将背景色添加到.png文件中，它就可以正常工作了。

我的步骤：使用GIMP创建具有7个图层和一个透明背景图层的72x72图像。 将副本另存为apple-touch-icon.png并添加到我的Web应用程序的根文件夹中。 在运行IOS 5.0.1的iPad 2上启动网站。 “添加到主屏幕”结果：主屏幕上的黑色图标。 返回GIMP，用颜色填充背景。 覆盖我的.png文件。 返回iPad野生动物园以重新加载该网站。 “添加到主屏幕”图标现在显示为已记录。

我的结论是：图标图像中足够透明的区域或放置得当的透明区域将阻止iOS将其视为有效，并导致其被拒绝。