Как изменить многострочный цвет текста при наведении курсора мыши

Question

Я пытаюсь изменить цвет блока текста при наведении курсора мыши, но только дошли до изменения текста, если вы пролистаете верхнюю границу текста.

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

Я проверяю первый блок текста в левом верхнем углу, «Thesewordshelptoshapeme».

использование

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

То, что я хочу сделать в конце концов, когда пользователь зашкаливает блок текста и щелкает текст, я могу затем предназначаться другими блоки текста (все они находятся в отдельной диве) с jQuery или аналогичным, чтобы скрыть те divs и открыть скрытый div, который будет содержать описательный текст об этом блоке текста.

Я не беспокоюсь об этом, работая на то, что 6, но в настоящее время я нахожусь на своем mac и на данный момент только попробовал firefox и chrome.

Я бы хотел добавить якоря, если это поможет.

В мой поиск Google ближе всего я мог бы найти было решение JQuery, но не получилось:

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

Answer 1

Существует несколько проблем с селекторов, а не правила. Если вы добавите display: none в правило div.13_1 ul {, вы увидите, что он не действует. Это насколько я понял.

Answer 2

Проблема заключается в вашем z-индексировании. Когда я нажимаю на что-то с firebug, он дает мне верх div.tw. Это верно, потому что вы вручную помещаете z-индекс этого сверху. Таким образом, с помощью hitTesting это правильно. Проблема в том, что, по-моему, невозможно, чтобы у некоторых не было намека. Так что это не имеет никакого отношения к вашему css. Удалите tw div или его индексирование, и вы должны быть в порядке.