0

Mozilla Developer Networkによると、 background-size は Firefox 3.6 以降でサポートされていますが、私の OS X バージョンのFirefox 5では明らかに機能していません。Safari では問題なく表示されますが、Firefox 5では正しく表示されません。バグはありますか？これを Firefox で動作させられないのはなぜですか?

HTML:

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

CSS:

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

これは、正しく機能していないことを示すjsfiddleです。

4

2 に答える 2

6

何が起こっているのかわかりませんが、次の場合に機能します。

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

http://jsfiddle.net/nstV7/3/

私の推測では、backgroundプロパティはプロパティをオーバーライドしていbackground-sizeます。ただし、Firefox が Safari と同じように動作しない理由は説明できません。

于 2011-07-18T21:17:28.333 に答える