2011-07-29 9 views
2

私はlessファイルをインポートし、メインのlessファイルにいくつかの背景イメージを追加しようとしています。URLとアンカーでLessCssのインポートに失敗しました

http://localhost/mywebsite#/root. 

は、以下に輸入をコンパイル:

@import "child"; 

.image{ 
    background-image:url("image.png"); 
} 

少ないファイルはURLから呼び出されます。コードは、(クライアント側)である

http://localhost/mywebsite#/root//localhost/mywebsite#/root//mywebsite/child.less 

背景画像のURLへ:

http://localhost/mywebsite#/root//localhost/mywebsite#/root//mywebsite/image.png 
+0

への絶対パスを使用することができます? –

+0

あなたはどのブラウザを使用していますか? –

+0

javascriptmvcフレームワークを使用しているので、ナビゲーションはクライアント側で実行されます。私はChromeまたはFirefoxを使用しています。問題は同じです! – bichehype

答えて

0

生前なしコードがロードされているパスを特定するのは難しいでしょう。すべての.less CSSの値はそのURLに対する相対ロードします

<link rel="stylesheet/less" type="text/css" href="styles.less"> 

は正しいパスとファイルあなたの読み込みを確認してください。

ます。また、使用して試すことができます:

.image{ 
    background-image:url("/image.png"); 
} 

他のすべてが失敗した場合、あなたは常にあなたのURLのハッシュ・バン(#)とは何の画像

.image{ 
    background-image:url("http://localhost/mywebsite#/root/image.png"); 
} 
関連する問題