Wordpress中的按钮悬停效果

Question

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

有一个按钮叫下载和悬停代码我补充：

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

} 

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

编辑：我试着用预压，但也有一种延迟

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

} 

Answer 1

如果图像需要时间来加载和闪烁，你需要使用精灵避免了这个问题。

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

Answer 2

你需要工作在精灵。所以只有一个图像被加载，然后它切换背景图像的位置，所以你不会得到那个延迟。

看看这个http://www.w3schools.com/css/css_image_sprites.asp会解释它比我更好。