firefox忽略背景大小的CSS

时间:2011-07-29 13:02:13

标签: firefox css

尝试使用背景大小的CSS规则缩小图像,但似乎在Firefox 3.5中忽略了

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;
    }

3 个答案:

答案 0 :(得分:5)

background-size已添加到Firefox 3.6中,但需要-moz供应商前缀。

从版本4开始,不再需要它。如果您也想支持Firefox 3.6,请在正常属性之外添加供应商前缀。

Joseph为MDN上的further reading提供了一个很好的链接。

答案 1 :(得分:1)

background-size仅适用于FF4 +,请参阅https://developer.mozilla.org/en/CSS/background-size以了解早期的FF版本解决方法。

答案 2 :(得分:0)

尝试以百分比格式提供尺寸

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