Question

#nav ul li a.jobs_mn {
    background: url(../images/jobup.png) #2d333e no-repeat 7% 50%;
}

#nav ul li a.jobs_mn:hover {
    background: url(../images/jobover.png) #fff no-repeat 7% 50%;
}

我将课程jobs_mn添加到链接中。当我单击链接时，图像消失，直到下一页加载。它正在加载PHP查询：

<a href="?news=1" class="jobs_mn">bla bla</a>

知道如何解决这个烦人的事情吗？

Answer 1

您的问题在于您正在更改:hover州的背景。由于状态在:hover变为:click时发生变化，并且用户经常会从链接中删除鼠标，因此您需要确保显示相同的图像。

该链接基本上有4种状态：之前（未单击），悬停，活动，后/单击。

将相同的background: url../images/jobover.png) #fff no-repeat 7% 50%添加到您希望它出现的每个州。如果您希望在点击链接后显示相同的图像，它将如下所示：

#nav ul li a.jobs_mn:hover:after {
background: url(../images/jobover.png) #fff no-repeat 7% 50%; }

虽然它有点多余并且我还没有遇到过这种情况，但是这应该提供一个故障保护措施，以便在用户点击并在查询处理过程中将鼠标移开后保持图像相同。

链接背景图像在加载之间消失

1 个答案: