火狐忽略背景大小的CSS

嘗試縮放圖像下使用的背景大小的CSS規則，但似乎與Firefox 3.5火狐忽略背景大小的CSS

CSS

.privatejoker { 
    background: aqua url("../styles/images/home-privatejoker.png") no-repeat 0 0; 
    background-size: 365px 341px; 
    height:341px; 
    margin: 0 auto; 
    display:block; 
    margin-top: -6px; 
    }

來源

2011-07-29 Rob

火狐的什麼版本？ – BoltClock

在此處查看瀏覽器對背景大小的支持：http://www.quirksmode.org/css/background.html – sqwk

https://developer.mozilla.org/en/CSS/background-size#Notes –

background-size忽視加入到Firefox 3.6 ，但是需要-moz供應商前綴。

從版本4開始，不再需要它。如果你也想支持Firefox 3.6，除了普通屬性外，還要包含供應商前綴。

Joseph爲MDN上的further reading提供了一個很好的鏈接。

來源

2011-07-29 13:03:45 alex

感謝您解釋Alex :) – Rob

background-size只適用於FF4 +請參閱https://developer.mozilla.org/en/CSS/background-size以獲得早期的FF版本解決方法。

來源

2011-07-29 13:05:52

嘗試提供大小的百分比格式

background-size:100% 70%; 
100% is the width 
70% is the height

來源

2016-03-16 13:22:55

火狐忽略背景大小的CSS

回答

相關問題