使用背景大小调整背景图片大小，在Firefox中失败

Question

我的链接前有一个图标，我将此图像设置为我的a-tags的背景：

a {
    background: url('../../images-1/pil.png') left center no-repeat;
    background-size: 8px auto; // This is the real width of the image
}

在某些地方，我想要较小的图标，我想使用以下方法调整背景图片的大小：

a.small {
    background-size: 5px auto;
}

在Firefox（和IE9）中，这会导致裁剪的图像，即使它变小了。在Chrome和Safari中，它按预期工作。这是Firefox中的一个错误，我该如何解决这个问题？ FF版本是28.0。

Answer 1

我认为您应该使用它来获得更多兼容性

a.small {
    background-size         : 5px auto;
    -webkit-background-size : 5px auto;
    -moz-background-size    : 5px auto;
    -o-background-size      : 5px auto;
}