Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 重复y的背景图像不能覆盖整个高度_Css_Background Image - Fatal编程技术网

Css 重复y的背景图像不能覆盖整个高度

Css 重复y的背景图像不能覆盖整个高度,css,background-image,Css,Background Image,我有下面的HTML:一个边栏,颜色全高,在一个颜色页面的左侧,所以我有一个图像覆盖页面的左侧,并达到全高,但在chrome中,它没有覆盖页面的全高,重复-y 我的css:(在chrome中不起作用) 我想做到这一点: 是否有其他方法可以在没有图像或使用CSS3的情况下执行此操作?我必须对代码进行一些处理,但这听起来像是需要将边距高度设置为零 您的html和正文没有覆盖整个视口,请使用 html, body { height: 100%; } 解决 html, body{ min-heig

我有下面的HTML:一个边栏,颜色全高,在一个颜色页面的左侧,所以我有一个图像覆盖页面的左侧,并达到全高,但在chrome中,它没有覆盖页面的全高,重复-y

我的css:(在chrome中不起作用)

我想做到这一点:


是否有其他方法可以在没有图像或使用CSS3的情况下执行此操作?

我必须对代码进行一些处理,但这听起来像是需要将边距高度设置为零

您的html和正文没有覆盖整个视口,请使用

html, body {
  height: 100%;
}
解决

html, body{
min-height:100%;
height:auto;
}

用最小高度固定:100%;高度:自动;
html, body{
min-height:100%;
height:auto;
}