2012-04-04 5 views
0

첫 번째 사이트를 구축하려고하는데 CSS에서 "a : hover"기능을 사용하려고하지만 작동하지 않습니다. 링크는 호버링 아닙니다. 어떤 도움을 주시면 감사CSS a : 호버가 예상대로 작동하지 않음

/* main page elements */ 
    a:link 
    { 
     text-decoration: none; 
     color:white; 
    } 

    a:visited 
    { 
     text-decoration: none; 
     color:FFFFFF; 
    } 

    a:hover 
    { 
     text-decoration: none; 
     color:blue; 
    } 


    a:active 
    { 
     text-decoration: none; 
     color:blue; 
    } 

:

여기 내 CSS 파일의 조각입니다.

감사합니다. 로버트.

+0

무엇이 잘못 되었나요? HTML은 어디에 있습니까? –

답변

2

난 당신이 hover 상태 this one

예를 들어 같은

시도 뭔가를 색상을 변경해야 바랍니다.

HTML 

<a href ='#'> Hover Me </a> 

css 

a 
{ 
    text-decoration: none; 
    color:#000000; 
} 
a:hover 
{ 
    color:#3399FF; 
} 
+0

huMpty 고맙습니다 - 해결했습니다. 매우 감사. – Robert

6

당신은 핀란드어 텍스트 장식 명령에 필요 P

text-decoration: none; 

또는

text-decoration: underline; 
+0

답변 해 주셔서 감사합니다. 나는 실제로 이것을 좋아했지만 그냥 게시하기 전에 그것을 제거했습니다. 나는 그것을 되돌 렸습니다 - 여전히 작동하지 않습니다. a : 링크 { 텍스트 장식 : 없음; 색상 : 흰색; } 방문 : { 텍스트 장식 : 없음; 색상 : FFFFFF; } a : 마우스 오버 { 텍스트 장식 : 밑줄; 색상 : 파랑; } a : 활성 { 텍스트 장식 : 없음; 색상 : 파랑; } – Robert

+0

실은 ... 뭐라고하셨습니까? –

+0

죄송합니다 - 원래 게시물을 개정했습니다. – Robert

0

당신이 그들을 제거하거나 CSS가해야 올바른 구문을 사용하는 경우 귀하의 문제는 text-decoration: 부분에 작업.

+0

왜 downvote? – DarkAjax

1

a : active에서 a : hover로 전환 중일 수 있습니다. 따라서 차이는 없습니다. a : hover에 대해 고유 한 색상을 설정하고 어떤 결과가 발생하는지 확인하십시오.

jsfiddle을 만들면 도움이됩니다.

관련 문제