Windows的CSS根路径与Mac不同？答案

【问题标题】：CSS Root Path for Windows different with Mac?Windows的CSS根路径与Mac不同？
【发布时间】：2013-03-15 23:57:23
【问题描述】：

我刚开始通过观看教程视频学习 Compass。但我的问题是针对一般 CSS 的。

目录如下所示：

/root
    /images
        /mySprites.png
    /javascript
    /stylesheets
        /myStyle.css
    index.html

当自动生成精灵时，Compass 输出路径如下：

url('/images/mySprites.png');

但在 Windows 中使用 Chrome 时，该路径会导致 stylesheets/images/mysprites.png，因此不会显示。

他在 Mac 中使用 Chrome，并且精灵显示正确。

我知道/ 用于从根文件夹启动，但它在 Windows 中不起作用？

【问题讨论】：

标签： css path

【解决方案1】：

第一个/不是CSS规则之一，如果一些浏览器知道你指向根文件夹，他们是自己做的，CSS中没有这样的东西。 http://www.w3.org/TR/CSS21/syndata.html#uri

因此，最好的方法是输入相对于 CSS 文件的路径，而不是文档根目录，或者像这样输入完整的 URL：http://example.com/images/mySprite.png

【讨论】：

【解决方案2】：

如上所述，只需使用“.../images/mysprites.png”，因为这将指示 CSS 查找其包含文件夹的上一层。

我希望这能回答你的问题！

【讨论】：