当悬停然后出现时图像消失 - CSS

Question

我的网页上有一张图片，就是这张图片

当我将鼠标悬停在图像上时，可以转到此处，

这样做但是当我悬停时它会消失，然后在大约2秒后出现第二张图像。我怎样才能让它立刻出现？是因为我的互联网可能很慢吗？

这是我的css，

#right_slide_arrow{
    width:150px;
    height:150px;
    float:left;
    margin-top:140px;
    background:url(../images/right_arrow.png) no-repeat;
}
#right_slide_arrow:hover {
    cursor:pointer;
    background:url(../images/right_arrow_hover.png) no-repeat;
}

Answer 1

在使用图像之前，图像不会被加载;充其量，这会导致它闪烁。

最好使用image sprite。