css - Wordpress 中的按钮悬停效果

Question

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

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

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

}

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

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

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

}

score 1 · Accepted Answer

你需要在精灵中工作。所以只有一张图片正在加载，然后它会切换背景图片的位置，这样你就不会得到那种延迟。

score 0 · Accepted Answer

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

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

2 回答 2