Wordpress中的按钮悬停效果

Question

我对CSS和网络编程很陌生。我要做的是为按钮添加悬停效果。我是通过使用2张图片来做到的。

有一个名为download的按钮，我在悬停代码中添加：

.button:hover{
    background-image:url(images/button2.png);

}

问题是按钮需要时间加载，即：在悬停时有一个延迟显示按钮。 我该如何解决这个问题？

编辑：我尝试使用预加载，但也存在一种延迟

div#preloadedImages
{
    width: 0px;
    height: 0px;
        background-image: url(images/button2.png);

}

Answer 1

你需要精灵工作。因此，只加载一个图像，然后切换背景图像位置，这样就不会出现延迟。

检查出来http://www.w3schools.com/css/css_image_sprites.asp会比我更好地解释它。

Answer 2

如果图像需要时间加载并闪烁，则需要使用精灵来避免此问题。

精灵的原理是你只有一个图像（原始图像和悬停图像在同一个图像上），你移动光标来显示悬停图像。