Firefox中的边界半径bug

时间:2014-03-31 08:18:37

标签: css firefox css3

我在firefox中遇到了border-radius函数的问题。 当我申请时,它会在物品周围形成某种空间或边界。 有人可以告诉我这是一个firefox错误,还是有一些决心?

问题在于: JsFiddle

border-radius:50%;

线就是这样,我相信。

1 个答案:

答案 0 :(得分:3)

我觉得这是用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