CSS:无法获得背景大小:包含在Firefox 5中工作

Question

根据Mozilla Developer Network的说法,自Firefox 3.6以来一直支持后台大小,但它显然不适用于我的OS 5版本的Firefox 5.它在Safari中看起来很好,但Firefox 5没有正确显示它.有bug吗？为什么我不能在Firefox中使用它？

HTML:

<span class="special button">My button</span>

CSS:

.button {
    background-size: contain;
}
.button.special {
    background: url("/images/special-button-bg.png");
}

这是一个jsfiddle,显示它无法正常工作.

Answer 1

我不确定发生了什么,但如果你有:

.button.special {
    background: url("/images/special-button-bg.png");
    background-size: contain;
}

我的猜测是该background物业凌驾于该background-size物业之上.但是,这并不能解释为什么Firefox的行为与Safari不同.

Safari的实现只是错误; 每个规格`背景重置`background-size`.见http://www.w3.org/TR/css3-background/#the-background (2认同)