具有相对路径的AjaxMin束CSS

我有如下

CSS

文件夹结构

-test1.css
-test2.css
-morestyles
 --test3.css

这些

css

将图像引用作为同一文件夹中的相对路径

test1.css将图像引用作为

background-image: url(../../../Assets/DefaultTheme/Images/test1.png);

background: url(../../../../Assets/DefaultTheme/Images/test2.png) 

test3.css将图像引用作为

background-image: url(../../../Assets/DefaultTheme/Images/test1.png);

background: url(../../../../Assets/DefaultTheme/Images/test2.png) 

我将所有这些css绑定到一个css mystyle.css中，并使用下面的config.xml

<root>
    <output path="../../Styles/Bundled/mystyle.css">
        <input path="../../Styles/DefaultTheme/Css/test1.css"/>
        <input path="../../Styles/DefaultTheme/Css/test2.css"/>
        <input path="../../Styles/DefaultTheme/Css/morestyles/test3.css"/>
    </output>
</root>

我的输出mystyle.css现在包含test1.css的背景，与上面相同，现在无法获取图像

捆绑时有没有处理相对路径的方法？

---

有没有办法根据输出文件夹维护相对路径？

您可以尝试根据图像相对于根文件夹的位置引用图像。您可以通过以“/”开头的url来实现这一点。 这样，css文件相对于图像的位置就不重要了

有关更多详细信息：