css - 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 中工作吗？

score 1 · Accepted Answer

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

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

score 1 · Accepted Answer

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

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

2 回答 2