除非添加了前导斜杠，否则jQuery UI图像不起作用（我正在使用Symfony2）

Question

我的页面上有一个jQuery UI对话框。右上角的“X”可以通过这个小小的CSS实现：

.ui-widget-header .ui-icon {
  background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/;
}

问题是这不起作用。它只适用于我添加这样的前导斜杠：

.ui-widget-header .ui-icon {
  background-image: url(/images/ui-icons_222222_256x240.png)/*{iconsHeader}*/;
}

我知道我可以在jQuery UI文件中进行此更改，但这似乎不对。看起来很糟糕，而且，当我升级到更新版本的jQuery UI时，我的所有更改都会被吹走。

如何让我的jQuery UI图像工作？我不知道我使用Symfony2的事实是否在这里很重要，但我想我会提到它以防万一。

Answer 1

如果您的文件位于正确的位置，应该可以正常工作。 This other SO Question有很多引用，说明样式表中的相对URL如何相对于样式表本身，而不是包含文档。

因此，只要您不打破jQuery UI下载并移动资产，就应该使用相对URL。

Answer 2

我遇到了同样的问题。 问题是我的索引文件中的CSS文件的名称。 首先我有jquery-ui-1.10.1.custom.css。我将其更改为jquery-ui-1.10.1.custom.min.css，然后就可以了。