firefox - Firefox 中的边界半径错误

Question

我在 firefox 中的 border-radius 函数有一些问题。 当我申请时，它会在元素周围留出一些空间或边框。 有人可以告诉我这是一个 Firefox 错误还是有解决办法？

问题来了: JsFiddle

border-radius:50%;

我敢肯定，这是线路造成的。

Answer 1

在我看来，这是使用 border-radius 渲染阴影时的 FF 问题。
你可以试试这个简单的技巧:

The demo

基本上，您在父级 li 上应用灰色阴影，使其更精细一点，然后稍微移动 a.ch-item 子级以使它越过了差距。

.ch-grid > li {
    box-shadow: 0px 0px 5px 15px rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    width: 198px;
    height: 198px;
}
.ch-item {
    position: relative; 
    top: -1px;
    left: -1px;
}

当然，这只是为了想法。您可能还想对 li 元素本身应用悬停效果并将其向下和向右移动 1px 以获得更好的结果。

编辑:一个better result