Circle上方的圆圈未正确呈现

时间:2015-03-18 11:58:17

标签: html css firefox css-shapes hardware-acceleration

当我尝试使用传单markercluster插件在地图中显示群集时,我遇到了这个问题。

这是两个屏幕截图,一个在FF36中制作,另一个在IE11中制作

Firefox:Firefox circle Internet Explorer:Internet Explorer Circle

不知何故,内圈的边框似乎没有正确显示。 我尝试使用background-clip并设置border-color,但似乎根本没有效果。



.circle {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color:rgb(181, 226, 140);
}
.circle div {
  position: relative;
  width: 30px;
  height: 30px;
  left: 10px;
  top: 10px;
  text-align: center;
  border-radius: 15px;
  background-color:rgb(111, 226, 140);
}

<div class="circle">
  <div></div>
</div>
&#13;
&#13;
&#13;

0 个答案:

没有答案