CSSで定義された画像は、展開されたMVC3サイトに表示されません

Question

私は基本的なMVC3サイトを作成し、image.cssファイル（元のテンプレートの一部）に画像パスを追加しました。

devスタジオからアプリケーションを実行すると、サイトは正常に見え、画像が表示されます。

インストーラをビルドしてサイトをサーバーに展開すると、イメージは表示されません。ここで

は私のcssファイルのサンプルです：

#CustomerLogo 
{ 
    position: relative; 
    margin-left:auto; 
    margin-right: auto; 
    width: 300px; 
    height: 96px; 
    background-image: url(/Content/themes/base/images/CustomerLogo.jpg); 
    background-repeat: no-repeat; 
    background-position: center; 
    background-color: rgb(41,139,178); 
} 

Answer 1

確保のほかにイメージがサーバーに実際にロードされていることを確認するには、サーバー上のアプリケーションが実際にルートディレクトリ/で実行しています。たとえば、あなたのサイトがfacebook.com/myGreatAppにある場合、あなたのURLに接頭辞/をつけてfacebook.com/Content/...で画像を探すようにブラウザに指示しています。これはfacebook.com/ではなくルートですmyGreatApp/Content/...

これは、CSSから画像への実際のパスが何であるかを判断し、それを使用するためのものです。相対パスはこれを完全に提供し、使用する相対的なオプションは、cssが画像との関係でどこに位置するかによって決まります。

Answer 2

あなたはContentフォルダを見つけることを支援するために..が必要になる場合があり、

例：

background-image: url(../Content/themes/base/images/CustomerLogo.jpg); 

Answer 3

URLが正常に機能していますか？アドレスバーからURLに直接アクセスしようとすると、画像が表示されますか？

Answer 4

相対パスを試しましたか？ CSSファイルは~/Content/themes/baseに存在すると仮定すると、これは動作するはずです：

background-image: url(images/CustomerLogo.jpg); 

Answer 5

は、仮想ディレクトリにサイトを展開することで、問題のように思えます。とにかく、アプリケーションではなく、のCSSファイルに関する画像を含める必要があります。試してみてください

background-image: url(themes/base/images/CustomerLogo.jpg);