Question

我创建了一个图像按钮，在鼠标悬停时显示2个不同的图像。

我的问题是它在徘徊时闪烁。我该如何做到这一点，当它徘徊时，过渡是顺利的。

这是我目前的代码：

<style>
.test{
width:620px;
height:55px;
background: url(1.jpg);
text-indent: -9999px
}

.test:hover{
background: url(2.jpg);
cursor: hand;
cursor: pointer;
}
</style>

<p class="test"><a href="#">TEST ONLY</a>

在显示问题的现场演示下方：

http://magestimate.com/csstest/

Answer 1

我认为它与2.jpg尚未加载有关，服务器不是那么快。

尝试将此添加到您的HTML

<img src="2.jpg" alt="" style="display:none" />

Answer 2

我认为如果您只想确保图片不按需加载，那么只需为所有图片添加预加载器......

您必须在body标签中添加它..

离。

<body onload="MM_preloadImages('images/x.png' 'images/y.png')">

</body>

等等。

很棒的安德烈了!!

http://www.awesomeandre.tk

如何使我的按钮悬停过渡顺畅？

2 个答案: