ts;dr很短，但如果你不看，可以归结为两句话。CSSoverflow-x和overflow-y的性能可能不是你想象的那样。可以使用伪元素按照指定的W3标准扩展元素hoveroverflowx&y的范围更方便，除了visible/clip计算为auto/hidden（分别）如果overflow-x或overflow-y之一isneithervisible也不是clipoverflow-x和overflow-y分别设置的，如果其中一个是不可见的，那么另一个一定是不可见的，即使写成visible也会被处理成auto。参考链接hoverexpansion如果你有一个.dot-item，他很小，但是他有hover效果，那么让用户hover到一个小点显然是非常糟糕的体验。下面提供一个伪元素来提供更大的悬停区域。.dot-item:before{内容:'';位置：绝对；顶部：-300%；左：-300%；宽度：700%；高度：700%；border-radius:50%;}P.S.重叠时注意z-index设置参考链接，更多css坑：https://ssshooter.com/2021-06...
