当图像名称中包含连字符时，为什么我的背景图像不能在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;

?>