当图像名称中包含连字符时,为什么我的背景图像在 CSS 中不起作用


Why doesn't my backgound image work in CSS when the image name has a hyphen in it?

当图像名称中包含连字符时,它们不会加载。删除连字符后,它们工作正常。

有谁知道为什么会这样?有很多带有连字符的图像,所以我想知道如何解决这个问题,而不必重命名所有图像名称。

下面是代码的示例:

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

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

这也不起作用:

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

路径正确。

它在HTML中运行良好。问题是当代码在PHP中时。

这能满足你的需求吗?它带走了连字符。

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