我有一个涉及大量绝对位置和z索引的页面布局，因此有很多相互重叠的元素.
其中一个元素只包含文本，它悬停在许多其他内容之上.
在该元素下面有几个应用了CSS悬停伪类的元素.
当鼠标经过包含文本的元素时，我希望下面的元素以某种方式响应鼠标的存在并激活伪类样式.
有没有办法设计一个元素的样式，使悬停可以通过它到达下面的任何元素？
对于JavaScript，这不会太难，但是我现在不想走这条路，这样可以让事情变得尽可能简单.稍后我将用JavaScript将事情复杂化.
谢谢
附注:我已经在使用HTML5和CSS3了，所以我对使用这些新标准的解决方案没有问题.
可以对顶部的元素使用pointer-events: none;:
div {
width : 200px;
height : 200px;
float : left;
cursor : pointer;
border : 1px green solid;
}
div + div:hover { background: #a1a6c8; }
div:first-child {
pointer-events : none;
position : absolute;
top : 100px;
left : 100px;
border : 1px green solid;
background : #c1c6c8;
} <div> on top of all: hover me </div>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
如您所见，当您将鼠标悬停在顶部的元素上时，后面的元素将被激活.有关此属性的详细信息:https://developer.mozilla.org/en/CSS/pointer-events