Ссылка фоновое изображение исчезает между грузами

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%; } 

Хотя это разрядной избыточностью и ситуацией, на которой я еще не наступил, это должно обеспечить отказоустойчивость, чтобы сохранить изображение одинаково после щелчка пользователя и сдвинуть его мышью во время обработки запроса.