CSS中的圖像路徑將'/'（即斜槓）添加到開頭

我正在使用js代碼將圖像路徑分配給CSS的background-image屬性。我的代碼如下所述。CSS中的圖像路徑將'/'（即斜槓）添加到開頭

backgroundImage:"url("+b.img+")",backgroundPosition:-i*b.index+"px 0px"

和相關的HTML代碼類似下面：

<div id="wPaint" style="position:relative; width:500px; height:200px; background-color:#7a7a7a; margin:70px auto 20px auto;"></div>

我的問題是，當我用上面的代碼，所有適當的背景位置，看到圖像。但是，當我使用上述HTML代碼兩次時，background-image propety會在url路徑的開頭添加「/」（即斜槓），並且圖像不會顯示。

每當我使用這段代碼，它會在圖片url中添加一個'/'。

我真的不明白爲什麼會發生這種情況。請幫助我。

它不應該那樣做。據推測，'b.img'已經包含了'/'。你應該提供一個真正的[mcve]。 – Quentin

backgroundImage:"url(/"+b.img+")",backgroundPosition:-i*b.index+"px 0px"

2017-04-11 15:04:55 Tom

回答