为什么较大的 border-radius 值会导致 chrome 隐藏图像？

Question

我有一个 128px 的图像，带有 border-radius 以使其看起来是圆形的（我实际上使用 Bulma 的 .is-rounded 类来执行此操作）。这是图像上生成的 CSS：

.image img.is-rounded {
    border-radius: 9999px;
}

这在 Firefox 中有效，但在 Chrome 中，图像是隐藏的。

如果我将其更改为以下内容，它将起作用：

.image img.is-rounded {
    border-radius: 63px;
}

但是任何超过 63px 的东西，图像都会再次隐藏：

.image img.is-rounded {
    border-radius: 64px;
}

你可以在我的个人网站上看到这个：https://dominick.cc/

铬 110.0：

火狐：

Answer 1

我将 Chrome 更新为 110.0.5481.100，它似乎解决了这个问题。诡异的！