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附加隨機字符串與背景圖像名稱

回答

相關問題