CSS-悬停通过元素来激活覆盖元素上的悬停

您可以使用

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>

如您所见，当您将元素悬停在顶部时，后面的元素将被激活。