Question

我需要帮助。我是一个完全的初学者，我无法在任何地方找到解决方案，很抱歉，如果它已经被问到，但无论我尝试什么，我都无法在一个页面上显示背景图像。

我想做什么？

在主页上显示背景图片。

备注：

默认情况下我没有资源文件夹。
尝试使用Localhost：4200
转到Localhost：4200 / assets / images / bg.jpg在浏览器中显示图片。
如果我将一个在线托管图像放在url（）中，一切正常。

由于我的root中没有assets文件夹，我在src文件夹中创建了一个。

结构：

► node_modules
▼ src
   ▼ app
      ▼ components
         ▼ home
           home.component.html
           home.component.scss
           home.component.spec.ts
           home.component.ts
   ▼ assets
      ▼ images
         ▼ bg.jpg

.angular-cli.json

  "assets": [
    "assets",
    "images",
    "favicon.ico"
  ],

home.component.scss

.homeBg {
  background-image: url('../../../assets/images/bg.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  width: 100vw;
  height: 100vh;
}

有人可以帮助我并告诉我我做错了什么吗？我想失去了近3个小时的想法。

提前致谢。

Answer 1

解决here。

这是因为你还指定了“不重复” 背景图片。将您的代码更改为：
background: url('../../../assets/images/bg.jpg') no-repeat center center fixed;

感谢@Mike Lun提醒我检查实际错误。

角度5背景图像将不会显示

1 个答案: