2016-04-29 3 views
0

デフォルトでは、casperテーマは、assetsフォルダにimagesというフォルダを掲載していません。私は1つを作成し、内部にPNG画像を配置しました。 - Chromeとエッジ言及両方そのゴーストブログでイメージアセットが読み込まれない

background: url("../images/logo.png"); 

しかし、これは常に404を返します。今、screen.cssに私はその順番で、画像を参照する、という、CSSスタイルを使用してヘッダーを構築してい

リソースは存在しません。

ブログ自体は、GitHubリポジトリからAzureウェブサイトに継続的に配備されています。私はCSSを変更するたびにウェブサイトを再起動しますが、画像を表示するバリエーションはありません。

assets/imagesフォルダをアセットルックアップに含める方法はありますか?

+0

が問題になっているブログへのリンクを提供することができますスタイルシートで画像の絶対URLを指定することができますか? – Reedyn

+0

恐らくこれは理想的な解決策ではありませんが、.hbsファイル( '' '' '' '' ')にCSSスタイルを埋め込み、' '' background:url {{{asset "images/img .jpg "}});' '' '' asset''ヘルパーはテーマの '' assets'''フォルダを指します。これを一時的な解決策と見なし、私はあなたの設定を試しましたが、それは私にとってもうまくいかなかったのです。 –

答えて

0

インラインスタイルを追加するのが簡単なハッキングの1つです。インラインスタイルとして.hbsファイルのbackground-imageスタイルを追加します。画像ソースは

<img src={{asset "images/logo.png"}}"> 

を使用しつつ

私はこれが動作するかささいなんです。

またはあなただけ

url('domain.com/images/logo.png') 
関連する問題