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中不工作嗎？

2013-03-15 hrsetyono

它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

2013-03-15 15:57:23 Sheric

謝謝，我雖然這是原生規則在css – hrsetyono 2013-03-16 01:27:55

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

如上所述，只需使用「... /images/mysprites.png」，因爲這將指示CSS在它所包含的文件夾之上查找一個級別。

我希望這能回答你的問題！

2013-03-15 15:04:39 adaam

謝謝。但是如上所述，每次指南針編譯時路徑都會重置。我認爲這是一個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

回答