Windows的CSS根路径与Mac不同？

Question

我刚开始通过观看教程视频来学习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中不起作用吗？

Answer 1

如上所述，只需使用“ ... /images/mysprites.png”，因为它会指示CSS在其包含文件夹的上方显示一个级别。

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

Answer 2

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

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

所有美好的祝愿，
Mohammad Ali Sharpasand