如何更改鼠標懸停時的多行文字顏色

Question

我試圖更改鼠標懸停上的文本塊的顏色，但只有在文本頂部邊框上滾動時纔會更改文字。

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

我在左上角，「Thesewordshelptoshapeme」測試文本的第一個塊。

使用

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

我想最終做的是，當在文本塊用戶滾動和點擊的文本，然後我就可以針對文本的其他塊（他們都是在單獨的div ）使用jQuery或類似的工具來隱藏這些div並顯示一個隱藏的div，其中將包含關於該文本塊的描述性文本。

我並不擔心這個工作，即6，但目前我在我的Mac，只有嘗試過Firefox和鉻在這一點上。

我會願意添加錨如果它會幫助。

在我的谷歌搜索我能找到最接近的事情是一個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-index放在最上面。所以通過hitTesting，這是正確的。問題是，我認爲不可能有一些不被打擊。所以它與你的CSS無關。刪除tw div或其索引，你應該沒問題。