마우스를 가져 가면 하이퍼 링크가 사라집니다.

Question

며칠 동안 버그가있는 하이퍼 링크에 문제가 있습니다. 내가 this template을 사용하는 this site (Voomuemart의 Joomla &)에 나는 오른쪽 상단에 4 개의 하이퍼 링크가 있습니다 (Καλάθι, Σύνδεση, Λογαριασμός & Γνώμες Πελατών) 내가 그들을 떠올리게 할 때 그들은 사라집니다!

this template에있는 메뉴 아이콘 메뉴를 사용하여 제품 둘러보기 &을 볼 수 있습니다. 이제 제대로 작동하는 하이퍼 링크를 가져 오십시오. CSS를 보면 왜 내가 하이퍼 링크를 가리킬 때 하이퍼 링크가 배경색을 얻는 지 찾을 수 없습니다. 특정 부분에 대한 내 CSS는 다음과 같습니다.

/* =============== MENU - TOP MENU =============== */ 
ul.menu-topmenu { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
} 
ul.menu-topmenu li { 
    margin: 0; 
    padding: 0; 
    display: inline-block; 
    float: left; 
} 
ul.menu-topmenu li a { 
    padding: 14px 5px; 
    color: #999; 
    display: block; 
} 

ul.menu-topmenu li a span { 
    display: block; 
} 
ul.menu-topmenu a:active { 
    color: #fff !important; 

ul.menu-topmenu a:hover { 
    color: #ccc !important; 
} 

하지만 중요한 단어를 사용하더라도 작동하지 않는 것 같습니다.

어떻게 이런 일이 일어나는 지 볼 수 있습니까? 미리 감사드립니다.

Answer 1

그들은 사라지고 있지 않고 단지 색이 바뀌고 있습니다. 당신의 CSS에이 추가 :

ul.menu-topmenu li a:hover, ul.menu-topmenu li a:active, ul.menu-topmenu li a:focus { 
    color: red; 
} 

기회도 좋은 템플릿이 내장 색상 선택기를 가지고 사용자 지정 스타일을 피하고 개발 및 유지 보수에 드는 노력을 줄이기 위해서 가능한 한..

또한 브라우저의 도큐멘트에 익숙해 지십시오. 이런 종류의 문제를 간단하게 해결할 것입니다.