Question

我正在使用10x400像素图像作为我的背景图像，而css是这样的：

body {
    background-image:url('bg1.png');
background-repeat:repeat-x;
    text-align: center;
    background-size:100% 100%;
}

在chrome中，图像以chrome格式扩展到屏幕的整个高度，但不是在firefox或IE中。帮助??

Answer 1

尝试将min-height添加到html。 Demo

html{
    min-height: 100%;
}
body {
    background-image: url('path_to_img.png');
    text-align: center;
    background-size: 100% 100%;
}

如果使用background-repeat: repeat-x，请不要认为background-size: 100% 100%。

Answer 2

尝试使用以下内容使其垂直和水平重复。

background-repeat: repeat