用html制作背景图片整页

Question

我正在该电影网站上工作，并提供了背景信息。 我希望背景重复出现并覆盖整个页面，即使我向下滚动也是如此，但是由于某种原因我无法解决它。 我尝试搜索它，并尝试了我从Google获得的所有解决方案，但都徒劳无功。这是我的背景图片代码。我尝试将背景重复的值更改为重复-y，但仍然没有用。 关于做什么的任何提示？

/*------ Background image ------*/
.bg-image {
/* The image used */
background-image: url("bgd.jpg");

/* Add the blur effect */
filter: blur(4px);
-webkit-filter: blur(4px);

/* Full height */
height: 100%;


/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

/* ------------------------ */

Answer 1

直接使用body标签设置背景样式属性。 使用background-repeat: repeat 。此外，您也可以使用 !important 覆盖某些CSS属性。 即

body {
/* The image used */
background-image: url("bgd.jpg");



/* Center and scale the image nicely */
background-position: center;
background-repeat: repeat;
background-size: cover;
}

Answer 2

如果要模糊效果，应将div设为绝对

.bg-image{
position:absoulte;
width:100%;
height:100%;
left:0;
top:0;
// existing background css
}