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

时间:2014-11-04 15:33:01

标签: javascript css classloader

我想知道是否可以将加载程序图片仅应用于网页内容的特定部分?

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

我正在建立一个网站,其中包含两个分布在彼此之上的工作人员的个人资料图像,因此当您将鼠标悬停在图像上时,它会淡化到背面的图像。我使用这种方法是因为我们希望在悬停时平滑过渡。 唯一的问题是,当您以较慢的网速打开页面时,您会看到底部/背面图像,直到顶部加载,这不是我们想要的。当您将鼠标悬停在个人资料图片上时,您应该只能看到底部图像。

我是如何才能为内容的这一部分创建加载程序图像的?

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

1 个答案:

答案 0 :(得分:0)

感谢您提供有关DeeMac的信息。我甚至没想到像你提到的那样隐藏底部图像直到它被徘徊。

我已经更改了代码,所以现在底部/背面的内容设置为'visibility:hidden;'并且只有'可见性:可见;'当该地区徘徊时。