Chrome在SVG背景图片渲染上遇到麻烦

Question

问题始于最后一次Chrome更新，从那时起图像裁剪并且无法正常渲染，但不是全部，只是一对。 我这样使用它们：

.ch-info > div {
  text-align: center;
  display: block;
  position: absolute;
  width: 100%;  
  height: 105%;
  border-radius: 50%;
  background-position: center center;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  transition: all 0.4s linear;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}

在div内，我有这个提供背景图像的类。

.img-1 { 
  background-image: url(../images/icons/name.svg);
  background-size:cover;
}

我不知道如何修复它。我已经看到在图像上应用固定大小解决了它，但相同的大小不适用于所有的图片，我想知道可能是什么问题。我认为这可能与自更新后CSS属性如何工作的变化有关，但它只是一个理论。

仅在Chrome上发生这种情况。