是否有一种简单的方法可以在所有重叠元素上触发悬停事件？我希望能用CSS做到这一点。
这是一个小例子：jsFiddle
基本上我有几行div，当我滚动时会与页面一起移动。然后是一个重叠的div，它的位置设置为固定。这两组div都有一个CSS：hover事件来改变它们的背景颜色，这样当它鼠标悬停时它们会突出显示。
我的目标是做到这一点，当我将鼠标悬停在overlapping上时，它变为红色，而后面的sample text div变为灰色。
我现在能想到的唯一方法就是使用javascript。而且它不够优雅。基本上在重叠div上获取鼠标位置，并遍历所有sample text div以检查它们的位置是否在鼠标下。