0

我创建了一个图像按钮，在鼠标悬停时显示 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/

4

2 回答 2

0

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

您必须在正文标签中添加它..

前任。

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

</body>

等等。

真棒安德烈出去！

http://www.awesomeandre.tk

于 2012-12-05T16:11:59.670 回答
0

我认为这与 2.jpg 尚未加载有关，并且服务器没有那么快。

尝试将此添加到您的 HTML

<img src="2.jpg" alt="" style="display:none" />
于 2012-12-05T11:51:14.473 回答