以下CSS为现代浏览器(而非IE10-)提供了诀窍:
.b:after { pointer-events: none;}pointer-events: none允许元素不接收悬停/点击事件。
警告
pointer-events对非SVG元素的支持处于相对早期的状态。developer.mozilla.org给您以下警告:
在CSS中将指针事件用于非SVG元素是实验性的。 该功能曾经是CSS3 UI草案规范的一部分,但由于存在许多未解决的问题,因此已推迟到CSS4。
Chrome对Box模式的解释display: inline-block
导致上述小提琴闪烁。
如果
display: block改用,您将获得对方框的正确解释。
Firefox没有这个问题。
为了确保一致的盒模型解释,请使用以下命令:
.b:after { pointer-events: none; display: block;}在Chrome中查看此小提琴以查看闪烁效果。



