Question

我试图让背景图片在所有浏览器中运行。以下代码适用于除Firefox之外的所有浏览器：

<style>
    body {
        background: url('src/images/SpeqS.jpg') no-repeat center;
        background-size: 50%;
        height: 100%;
    }
</style>

有没有人有任何想法？

Answer 1

更新的代码试试这个 body { background: url('src/images/SpeqS.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 100%; }

Answer 2

 body {
background: url('http://s32.postimg.org/pqht43fkl/Speq_S.jpg') no-repeat top center;
background-size: 50%;
height: 100%;

}

This is working fine in the jsfiddle. Hope it's the result you are looking for.

CSS - 后台无法在Firefox中运行

2 个答案: