Question

我试图在鼠标悬停时更改文本块的颜色，但只有在文本的顶部边框滚动时才会更改文本。

我正在测试左上角的第一个文本块，“Thesewordshelptoshapeme”。

使用

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

我最终想要做的是，当用户滚动文本块并单击文本时，我可以使用jQuery或类似文件来定位其他文本块（它们都在不同的div中）以隐藏这些div并显示一个隐藏的div，其中包含有关该文本块的描述性文本。

我并不担心这个工作在ie 6，但目前在我的Mac上，此时只尝试过firefox和chrome。

如果能有所帮助，我愿意添加锚点。

在我的谷歌搜索中，我能找到的最接近的东西是jQuery解决方案但不起作用：

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

Answer 1

问题是你的z-indexing。当我点击带有萤火虫的东西时，它会给我顶部div.tw。这是事实，因为您手动将其z-index放在最顶层。所以通过hitTesting，这是正确的。问题是，我认为不可能有一些没有经过测试。所以它与你的CSS没有任何关系。删除tw div或其索引，你应该没问题。

Answer 2

选择器存在一些问题，而不是规则。如果您将display: none添加到div.13_1 ul {规则，则会看到它无效。就我而言，就是这样。