로드 사이에 링크 배경 이미지가 사라집니다.

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

그것이 비록 나는 실제로 아직 실행하지 않은 상태이며, 이는 쿼리가 처리되는 동안 사용자가 마우스를 클릭하고 이동 한 후에도 이미지를 동일하게 유지할 수있는 안전 장치를 제공해야합니다.