CSS/JS 中的动态 URL

我正在拆分我的一个较大的应用程序，并引入一个“cdn”url 来容纳 CSS、javascript 和图像等常见对象，以避免重复。不过，我需要做的是为我们的开发环境提供单独的 URL，因此我可能有：

http://cdn-dev.example.com
http://cdn-qua.example.com
http://cdn.example.com

取决于我们工作的环境。我可以让它适用于我们的 PHP 代码生成的东西，但我对将要调用的 .css 和 .js 文件感到困惑。例如，我该如何制作类似的东西：

.cool-button { background-image: url('http://cdn.example.com/images/button.png'); }

不同域之间切换？

处理这个问题的最佳方法是什么？

[EDIT]

大家都清楚，CDN 地址与网站是不同的域。所以，开发网站可能是http://www-dev.domain.com http://www-dev.domain.com这将使用http://cdn-dev.domain.com http://cdn-dev.domain.com

使用相对路径，而不是绝对路径。当位于 CSS 文件内时，路径是相对于 CSS 文件而不是 HTML 页面的。

如果你的 CSS 文件在这里

http://cdn.example.com/css/style.css

而你的班级是

.cool-button { background-image: url('../images/button.png'); }

然后浏览器将尝试从以下位置加载图像

http://cdn.example.com/images/button.png