使用 Subgrid 创建不规则形状的链接

Michelle Barker 遇到了一种需要将矩形偏移作为可点击区域一部分的情况。棘手的部分是仅使矩形可点击。这排除了使用某些父元素并使整个更大的包含矩形可点击的做法，这是一种常见（但 同样棘手）模式。

使用绝对定位将一个矩形踢出链接矩形的边界可以奏效，但 Michelle 在此处采用了一种路径，将所有内容都布局在一个网格上，然后使用 pointer-events 使点击区域恰到好处。在我看来，这感觉更可靠。

这是另一个很好的例子，说明为什么我们需要在任何地方都使用 subgrid。

直链 →