Question

我正在使用Angular4。问题是我在my-component.css文件中编写了一些css，并使用以下css代码片段将背景图像附加到div。

.bg {
  background-image: url("../../../../Resources/images/my-image.jpg");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

但问题是我看不到背景图片。我发现的原因是我可以在检查元素的同时在浏览器中看到该div的背景图像。

background-image: url(my-image.b907916d510a47210902.jpg)

无法理解浏览器为什么附加带图像名称的额外字符串。当我重新加载页面时，这个新附加的字符串会不断变化。

Answer 1

尝试以下

 background-image: url("./Resources/images/my-image.jpg");

让我知道它是否有效。

angular4 component css附加带有背景图片名称

1 个答案: