當圖像名稱中帶有連字符時，為什么背景圖像不能在CSS中工作？

Question

當圖像名稱中帶有連字符時，它們不會加載。 刪除連字符后，它們可以正常工作。

有人知道為什么會這樣嗎？ 有很多帶連字符的圖像，因此我想知道如何解決此問題而不必重命名所有圖像名稱。

這是代碼示例：

background:url(../img/new-jb-hvr.jpg);

有些人可能建議使用""但在IE中不起作用。

這也行不通：

background:url("../img/new-jb-hvr.jpg");

路徑正確。

在HTML中效果很好。 問題是當代碼在PHP中時。

Answer 1

這會滿足您的需求嗎？ 它消除了連字符。

<?php

$badBackground = "background:url(../img/new-jb-hvr.jpg);"
$goodBackground = str_replace('-', '', $badBackground );

echo $goodBackground;

?>