我在firefox中遇到了border-radius函数的问题。 当我申请时,它会在物品周围形成某种空间或边界。 有人可以告诉我这是一个firefox错误,还是有一些决心?
问题在于: JsFiddle
在
border-radius:50%;
线就是这样,我相信。
答案 0 :(得分:3)
我觉得这是用border-radius
渲染阴影时的FF问题
你可以试试这个简单的伎俩:
基本上,你在父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并向右移动以获得更好的结果。