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

brgchamk 于 2023-02-17 发布在 Go

关注(0)|答案(1)|浏览(152)

我有一个128px的图像，它的边界半径使它看起来很圆（我实际上使用了来自Bulma的.is-rounded类来实现这个目的）。

.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/
Chrome 110.0：

火狐浏览器：

1条答案

我更新了Chrome浏览器到110.0.5481.100，它似乎解决了这个问题。