在 gif 上显示图像

Question

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

Answer 1

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