在HTML页面iOS上覆盖png图像

Question

我有一个HTML页面，我已经以png图像的形式创建了一组指令。当用户首次访问页面时，图像会出现，但是一旦他们点击页面，说明就会消失，这正是我希望它工作的方式。它在safari中运行良好，但是当我尝试加载到我的iPhone上时，png图像所在的div出现，但实际的PNG文件没有。我有什么想法，或者我错过了什么？任何帮助将非常感激。

HTML：

<div id="overlay">
 <img src="./instructions.png" width="300" height="480" />
</div>

CSS：

#overlay {
background: rgba(0, 0, 0, .4);
position:absolute;
z-index: 10;
}

提前致谢。