6

サイトがWindows Azureに展開された後にCSSイメージが表示されないというのは本当に奇妙な状況です。私のCSSイメージはWindows Azureで動作しません

  1. 画像が

  2. 私はありません

  3. すべての画像コンテンツのビルドアクションを持っている(すべてのファイルとサブフォルダがプロジェクトに含まれている)プロジェクトの一部であります相対パスを使用すると、常にview/content/path/to/imagesに絶対パスを使用しますが、CSSでは相対パスurl(../img/image.png)がありますが、これは問題ではありません。

  4. 画像が表示されない点を除いて、静的ファイルは正常です(CSSとJavaScriptは正しく動作します)。

私はgitを使用してデプロイしましたが、公開ウィザードを使用しても同じ結果が得られました。

完全なパスで画像をリクエストすると、画像が表示されます。これは "非現実的です";)

私はここで重要なことを無視しているに違いありません。 お時間をいただきありがとうございます。

編集:

イメージはimgタグで動作します。それで意味をなさないCSS画像だけが正しくローカルで動作しています。

私はあなたが生きてこの事を見ることができますので、私は、リンクを共有することができますね;)

http://receivably.azurewebsites.net

左上のロゴを見て、何もここでは、表示されないHTMLとCSS(これは働いていたありますdeplyment前のカップルだけでなく、ローカルで正常に動作CSSで

<a class="brand" href="/">name</a> 

を:。

.navbar .brand { 
    display: block; 
    width: 180px; 
    height: 34px; 
    padding-top: 0; 
    padding-bottom: 0; 
    margin-top: 2px; 
    margin-left: 10px; 
    overflow: hidden; 
    font-size: 18px; 
    line-height: 600px; 
    color: #333; 
    background: url(../img/logo.png) no-repeat 0 0; 
} 

ファイルを直接要求している場合は、http://receivably.azurewebsites.net/content/site/img/logo.png

となります。CSSファイルは/ content/site/cssに置かれ、imagesは/ content/site/imgに置かれます。

私はgit pushすることができません。公開ウィザードのみが動作します。私はAzureのウェブサイトに多くの問題を抱えています。私の他の3つのアプリは完璧に動作します。

+1

あなたの質問には良い覚えがあり、君は拠点をカバーしていることを示していますが、いくつかのコードを教えてください。 HTML(またはあなたのサイトのURL)は、トラブルシューティングに役立ち、簡単に役立ちます。 – kingdango

+0

これを実際に見るためにリンクを追加しました。私は言わなくてはならない。 –

+0

Azureの代わりにIIS Webサーバーに展開すると機能しますか。私はそれが何かAzure特有であるかどうかを尋ねています。 –

答えて

6

あなたのCSSバンドラーは物事を破壊していると思います。

.brand 
{ 
    display:block;width:180px;height:34px;padding-top:0;padding-bottom:0;margin-top:2px; 
    margin-left:10px;overflow:hidden;font-size:18px;line-height:600px;color:#333; 
    background:url(../img/logo.png) no-repeat 0 0 
} 

お知らせ: 背景:URL(../ IMG /ロゴここ

は私がホームページ(私はそれビット解除縮小さき)からあなたbundled CSSに見えるものです。

../content/site/img/logo.png 

をそれとも、(非同梱それがローカルに動作しますなぜ

この/content/site/img/logo.pngは説明するだろう言ったように:/bundles/

から実行されているCSSからの正確ではないかもしれないPNG)それは言うべき)また、以前の展開であっても、関連コードのバンドルが最近変更された可能性があるためです。これは古典的なリリース時の問題であり、コンパイル時に余分な時間が0.500秒かかるにもかかわらず、(リリースモードだけでなく)フルタイムのバンドルを有効にする理由の1つが賢明です。 :-)

希望に役立ちます。

+0

それは事実でした。ソリューションに感謝します。 –

関連する問題