ステンシルテーマでイメージを参照するにはどうすればいいですか

私が取り組んでいるステンシルテーマのイメージを正しくscscssで参照する方法が不思議です。ローカルで動作しますが、テーマをbigcommerceにアップロードすると、404エラーが発生します。ステンシルテーマでイメージを参照するにはどうすればいいですか

background: url('../img/header-bg.png') no-repeat; background: url('/assets/img/header-bg.png') no-repeat;

これらのローカルに作業が、私は私のテーマをアップロードする404の両方の結果の両方。私はそのディレクトリとすべてにイメージを含めました。

出典

2016-08-02 Suzukijak3

同じ問題が発生していますが、私はCSSで背景イメージを参照するためにBCが推奨する方法を100％確信していません。

あなたがassets/imgディレクトリに画像を置いているとすれば、このようなbackground:url('../img/header-bg.png')の呼び出しは、ローカルでもプロダクションでも機能しています。

これが役に立ちます。

出典

2016-08-03 12:56:55 thannes

私は、プロダクションで正しいテーマを有効にしていないことを知り、 'background：url（ '../ img/header-bg.png'）no-repeat;が動作していました。あなたはそれが動作するかどうかを確認するためにそれを試すことができますか？私は、相対パスがこれを行う正しい方法だと思います。 – Suzukijak3

うん、いずれかの相対パスが私のために働く。 – thannes

偉大な、より短い相対パスを使用するようにあなたの答えを更新することができれば、私はあなたの答えを正確にマークします。助けてくれてありがとう！ – Suzukijak3

ステンシルテーマでイメージを参照するにはどうすればいいですか

答えて

関連する問題