Windows的CSS根路径与Mac不同？

问题描述：

我刚刚开始通过观看教程视频来学习Compass。但我的问题是一般的CSS。Windows的CSS根路径与Mac不同？

这里的目录中的样子：

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

当自动生成的精灵，罗盘输出这样的路径：在Windows中使用Chrome

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

但是，这条道路通向stylesheets/images/mysprites.png和因此没有出现。

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

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

它wiuld是'../ images/mysprites.png' – 2013-03-15 09:43:07

是的，我知道。但每当我在Compass中改变某些东西时，错误的路径就会被重新写回。它在Windows或浏览器中有问题吗？ – hrsetyono 2013-03-15 09:45:34

如果路径是你上面写的，这是完全正确的。您是否尝试删除浏览器缓存并查看源代码以确保“/”在那里？ – Sheric 2013-03-15 13:36:21

答

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

所以，最好的办法就是进入相对路径的CSS文件，而不是文档根目录或输入完整的网址是这样的：http://example.com/images/mySprite.png

所有最美好的祝愿，
Mohammad Ali Sharpasand

谢谢，我虽然这是原生规则在css – hrsetyono 2013-03-16 01:27:55

不客气:) – Sheric 2013-03-16 11:40:28

答

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

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

谢谢。但是如上所述，每次指南针编译时路径都会重置。我认为这是一个bug的Windows 8的红宝石 – hrsetyono 2013-03-15 16:13:40

这可能是你的答案.. http://stackoverflow.com/questions/6393161/sass-compass-path-in-config-rb-causing-problem-on-编译 – adaam 2013-03-16 14:43:51