2013-02-03 12 views
15

初めて流星群を構築していて、いくつかの問題があります。特に、私は画像ビューアを動作させようとしていますが、ナビゲーションボタンの右と左の矢印は見当たりません。 Googleのデベロッパーツールを使用してボタンに表示される画像を読み込もうとすると、その画像は空の画像として表示されます。したがって、おそらくイメージファイルを適切なディレクトリに置かないケースがあります。その結果、meteorはcssファイルにイメージファイルをロードできません。これが事実かどうか、それが別のものかどうかはわかりません。私が流星の外でプラグインを実行すると、ボタンの矢印を見ることができるので、おそらく構文エラーではありません。流星の中のcssファイルから背景画像を読み込む

はここに私のCSSファイル内の行です:

background: transparent url('themes.gif') no-repeat left top; margin-top: -45px; 

答えて

23

私はそれがうまくいくように管理しました。パブリックフォルダにresourcesディレクトリを作成し、cssファイルのurlを "/ resources/button"というURLに変更しました。

14

あなたはそれがあるとして、あなたのCSSを残して、あなたの流星アプリの/publicディレクトリにthemes.gifファイルを置くことができる - それがアクセスできる必要があります。 docsパー

最後には、流星サーバーはちょうどレールまたはジャンゴプロジェクトのように、パブリックディレクトリの下に任意のファイルを提供します。これは、画像、favicon.ico、robots.txtなどのための場所です。

+1

私はこれを試してみたが、動作するようには思えません。私は窓で開発しているからでしょうか? – kpatelio

+0

うん。それは可能性があります。 'http:// localhost:3000/themes.gif'と入力するとイメージを見ることができますか?そうでない場合、問題があります。 WindowsでVirtualBoxを検討しましたか?それは私がやっていることです - 私の意見では、流石はあまりにも急速に変化し、窓のシムを使用しようとします。 – TimDog

2

ファイル名の前に/の接頭語を付ける必要があります。

1

my web site architecture

body{ 
    background-image: url('image/back1.jpg'); 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
} 
+0

なぜこれが否定投票されたのか分かりません。それは私の場合に助けたのでアップボーディング。ありがとう。 – blueren

2

ファイル、CSSからのパスに "公共/"/publicディレクトリに入れて、削除する必要があります。例えば

: パス内の画像の場合 - /public/img/logo.png

は、次にCSSの下に使用します。

background-image('img/logo.png'); 
+0

ありがとうございます。この答えは私の問題を解決しました。主に、URLに「public」を含めません。 – Christia