如何更改鼠标悬停时的多行文字颜色

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或其索引，你应该没问题。