2011-07-28 6 views
0

기사 페이지를 만들고 MAIN div에 기사가 포함되어 있습니다. 나는 바이올린을했을 :CSS 도움말, 보고서 링크

http://jsfiddle.net/ozzy/UqwUp/1/

내가 (오른쪽 아래 위로 마우스) 사용자가 특정 지역을 가리킬 경우에만 나타납니다 링크

이 문제. 내가 원하는 것은 주요 div 내에서 마우스를 클릭하면 나타나는 링크입니다.

나는 그것들을 내쫓다.

도움을 주시면 감사하겠습니다.

는 명확히하려면 : 당신은 DIV 위에 마우스를하지 않는 한

, 내가 링크를 전혀 볼 수 싶지 않다.

답변

3

당신은 CSS가 있습니다. 색상을 다른 것으로 설정하십시오 :)

+0

사용자가 div 위에 마우스 포인터를 놓지 않으면 링크 나 텍스트를 표시하지 않습니다. – 422

+0

아, 알겠습니다. 이 경우'#mainPane : hover .reportThisLink a {color : # ec008c! important; }'대신 #mainPane .reportThisLink a : hover {color : # ec008c! important; }'. 그러나 이전 IE 버전에서는 다음을 지원하지 않습니다. 태그 이외의 항목으로 마우스를 가져 가면이 경로를 따라 가면 javascript로 shim 처리해야합니다. – Sajid

+0

완벽한 감사 ... 그게 고정 :) – 422

0

javascript를 사용하여 해당 div에서 a : hover 이벤트를 catch 한 다음 해당 링크를 표시 할 수 있습니다. 그렇게하는 것이 가장 간단한 방법이지만, 현재 웹 사이트에서 JS 프레임 워크를 사용하지 않으면 페이지로드 시간이 늘어날 수 있습니다.

아이디어 만 있습니다. 링크가 있지만, 흰색 의미

#mainPane .reportThisLink a { 
    color: #FFFFFF; 
    text-decoration: none; 
} 

:

+0

Sajid가 확인한 간단한 CSS 문제입니다. 자바 스크립트는 해결책이 아닙니다. –