如何将css加载器仅应用于内容的一个特定部分

Question

我想知道是否有可能将加载器图像仅应用于网页内容的特定部分？

我所看到的加载程序图像的所有教程都是针对整个网页的-我想要完成的是将一个简单的加载程序仅应用于div。

我正在建立一个网站，其中有2个员工的个人资料图像层叠在一起，所以当你悬停在图像上时，它会淡出到后面的图像。我使用这种方法是因为我们想要在悬停时平滑过渡。唯一的问题是，当你以较慢的网速打开页面时，你会看到底部/背面的图片，直到顶部的图片加载，这不是我们想要的。当您将鼠标悬停在配置文件图像上时，您应该只能看到底部图像。

你知道如何只为这部分内容创建一个加载器镜像吗？

下面是开发服务器上的一个页面：http://hanrickcurran.azurewebsites.net/tony-hunt/

Answer 1

感谢您的信息DeeMac。我甚至没有想过要像你说的那样隐藏底部的图像，直到它被悬停。

我已经更改了代码，所以现在底部/背面的内容被设置为'visibility:hidden;‘，并且当区域悬停时仅设置为'visibility:visible;’。