angular4 组件 css 附加带有背景图像名称的随机字符串

Posted 2023-03-13

【中文标题】angular4 组件 css 附加带有背景图像名称的随机字符串

【英文标题】：angular4 component css appends random string with background image name

【发布时间】：2018-03-28 14:18:53

【问题描述】：

我正在使用 Angular4。问题是我在 my-component.css 文件中编写了一些 css 并使用以下 css 代码 sn-p 将背景图像附加到 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)

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

【问题讨论】：

你是如何编译你的项目的？

使用：ng serve

能分享一下你的风格和图片位置路径吗？？

【参考方案1】：

试试下面的

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

让我知道它是否有效。

【讨论】：

这不是我图像的正确路径。我在我的问题中添加了正确的路径

你能分享你的文件结构吗？