Question

我使用Bootstrap创建了site for my son并添加了custom.css。我尝试使用图像作为背景封面，但它没有显示出来。我怎样才能解决这个问题？ This is custom.css

＆＃13;

body {
	color: #036;
  font-family: Georgia, Times, serif;
  font-size: 2rem; 
  background: url(images/field-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.container {
background-color: #fff;
width: 90%;
}

＆＃13;

Answer 1

css中图像的路径是错误的。如果你在图像之前添加../那么它可以工作（这意味着上升一级）。有关css路径的更多信息，这非常有用：https://css-tricks.com/quick-reminder-about-file-paths/

顺便说一句，您不需要供应商前缀为background-size。您可以在此处检查是否需要添加前缀：http://shouldiprefix.com/

Answer 2

替换

background: url(images/field-bg.jpg) no-repeat center center fixed;

使用

background: url(../images/field-bg.jpg) no-repeat center center fixed;

封面图片现在显示（Bootstrap 3）

2 个答案: