Firefox模糊缩放图像

Question

在我的网站上，我有使用百分比大小的图标。

它们在Chrome上显示出色，甚至在IE中显示

但在Firefox中，它们模糊不清

<style>
  #exampleicon 
  { 
  background-image: url(assets/resume.ico);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-clip: border-box;
  -webkit-transition: background-size 0.2s;
  width: 15%;
  height: auto;
  }
</style>

我尝试使用this thread中描述的-moz-crisp-edges方法，但图片只是像素化。