在 gif 之上显示图像

Question

我有一个位于网页中间的 gif 动图。一旦 gif 停止播放，我想在 gif 顶部显示三个图标，并在用户将鼠标悬停在它们上方时让它们亮起。如何对图像进行编码，以便它们仅在 gif 完成后才可见 loaded/played？没有 javascript 是否可以做到这一点？

Answer 1

这已在 this post 中进行了讨论，这反过来又指向更多答案。我同意 Shikkediel 的观点，解决这个问题的正确方法是使用 js，这样您就可以访问超时并将悬停事件绑定到您的新图标。您还可以使用js来操作每个元素的不透明度或显示属性，这也将帮助您实现目标。