CSS背景图片没有扩展

时间:2012-02-24 22:58:17

标签: css

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

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

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

2 个答案:

答案 0 :(得分:2)

尝试将min-height添加到htmlDemo

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%

答案 1 :(得分:0)

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

background-repeat: repeat

Mozilla Documentation on CSS background-repeat