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

我正在使用Angular4。问题是我已经在my-component.css文件中编写了一些css文件，并使用以下css代码片段将背景图像附加到了div上。angular4组件css附加随机字符串与背景图像名称

.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)

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

来源

2017-10-17 Fakhar Zaman

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

使用：ng服务 –

您可以与我分享您的风格和图像位置路径吗？ – Chandru

-1

请尝试以下

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

让我知道，如果它与否。

来源

2017-10-17 00:45:42

这是不正确的我的形象路径。我在我的问题中添加了正确的路径 –

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

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

回答

相关问题