2014-01-19 2 views
3

링크에 두 가지 스타일을 적용하려고합니다. Chrome과 Opera에서 완벽하게 작동하지만 Firefox 나 Midori에서 링크를 클릭 한 다음 탐색 바에서 '뒤로'버튼을 클릭하여 되돌아 가면 링크가 계속 표시된 것처럼 보입니다. 웹 사이트의 어느 부분으로 커서를 이동 시키 자마자 다시 정상으로 바뀝니다.CSS : 돌아갈 때 호버 상태가 활성 상태로 유지됨 (Firefox)

이것은 웹킷과 관련된 동작이며이를 피할 수있는 방법이 있습니까?

는 편집 :

https://mdn.mozillademos.org/files/3700/css_dropdown_menu.html이 메뉴 옵션을 클릭 :

나는 똑같은 문제가 그 (내가 실제로 할 노력하고있어입니다) 드롭 다운 메뉴의 공식 모질라 데모를 발견 다시 돌아 가면 이전에 열었던 하위 메뉴는 마우스가 사이트 위로 뒤로 끌릴 때까지 여전히 열려 있습니다.

+0

모질라 데모에는 작동 링크가 없으므로 이야기하는 시나리오를 재현하기가 어렵습니다. JSFiddle 등으로 빠르게 무언가를 함께 던져서 좋은 사람들이 더 잘 도와 줄 수 있기를 바랍니다. – htmlmonkey

+0

의사 선택기를 원하는 색상으로 설정하려고 했습니까? Smt 이렇게 : http://jsbin.com/viwuhemiqi 그것이 도움이되는지 알려 주시기 바랍니다. 감사. – GibboK

답변

0

LOVEHATE 규칙을 따르십시오. LOVEHATE는 Link, Visited, Hover 및 Active를 기억하는 데 도움이되는 니모닉 기술입니다. 스타일은 항상 이러한 링크 상태를 항상이 특정 순서로 규정해야합니다. 예 :

a:link {color: #333;} 
a:visited {color: #333;} 
a:hover {color: #999;} 
a:active {color: #333;} 
관련 문제