마우스 오버시 멀티 라인 텍스트 색상을 변경하는 방법

Question

마우스 오버시 텍스트 블록의 색상을 변경하려고하지만 텍스트의 상단 테두리 위로 스크롤하면 텍스트가 변경된 경우에만 표시됩니다.

http://angelamiller.net/archives/test/v3/

나는 왼쪽 상단, "Thesewordshelptoshapeme"에 텍스트의 첫 번째 블록을 테스트입니다. 사용

.typoBox div.l3_1 ul:hover { 
    color:red; 
} 

사용자 텍스트 블록을 통해 롤과 텍스트를 클릭, 나는 그들은 분리 된 div에서 모두 (텍스트의 다른 블록을 타겟팅 할 수 있습니다 때 내가 결국하고 싶은 것은,이다) jQuery 또는 그 div를 숨기고 그 텍스트 블록에 대한 설명 텍스트를 포함하는 숨겨진 div를 공개 비슷한.

나는 6이라는 식으로 작업하는 것에 대해 걱정하지 않지만, 현재 내 Mac에 있으며,이 시점에서 파이어 폭스와 크롬 만 사용해 보았습니다.

도움이된다면 앵커를 추가 할 의향이 있습니다. 구글은 내가 찾을 수있는 가장 가까운 것은 검색 내에서

는 jQuery를 솔루션했지만 작동하지 않았다 :

<script> 
    $("div.l3_1 ul").mouseover(function() { 
    $(this).css("color","red"); 
    }); 
</script> 

Answer 1

선택기가 아닌 규칙 몇 가지 문제가있다. display: none을 div.13_1 ul { 규칙에 추가하면 효과가 없음을 알 수 있습니다. 그 정도까지 내가 봤어.

Answer 2

문제는 z- 색인입니다. 방화범 낀 채로 뭔가를 클릭하면 상단에 div.tw이 표시됩니다. 이 사실은 Z- 색인을 수동으로 맨 위에 놓았 기 때문에 가능합니다. 따라서 hitTesting을 사용하면 이것이 정확합니다. 문제는, 내가 다 치지 않게하는 것이 불가능하다고 생각합니다. 그래서 그것은 당신의 CSS와 관련이 없습니다. tw div 또는 색인 생성을 제거하면 문제가 없습니다.