4

私の MVC アプリケーションでは、CSS ファイルを参照して、ページの背景画像をレンダリングしました。次のようなあらゆる種類の可能性を試しました

background: url(../Images/login-box-backg.png) no-repeat left top;
background: url(../../Images/login-box-backg.png) no-repeat left top;
background: url(~/Images/login-box-backg.png) no-repeat left top;
background: url(./Images/login-box-backg.png) no-repeat left top; works only in Firefox
background: url(/Images/login-box-backg.png) no-repeat left top;

background-image: url(/Images/login-box-backg.png) no-repeat left top;
background-image: url(../Images/login-box-backg.png) no-repeat left top;
background-image: url(../../Images/login-box-backg.png) no-repeat left top;
background-image: url(~/Images/login-box-backg.png) no-repeat left top;
background-image: url(./Images/login-box-backg.png) no-repeat left top;


しかし、Firefox と IE9 の両方で、指定された URL の読み込みに失敗し、ネットワーク エラー 404 が表示されます。
CSSファイル* login-box.css *

#login-box {
    width:333px;
    height: 352px;
    padding: 58px 76px 0 76px;
    color: #ebebeb;
    font: 12px Arial, Helvetica, sans-serif;
    background: url(../Images/login-box-backg.png) no-repeat left top;
}
.reg_body
        {
            background-image: url(../Images/plain-blue-background-images-7117.jpg);
        }

私のビューのスタイル参照

<link href="@Url.Content("~/CSS/login-box.css")" rel="stylesheet" type="text/css" />

CSS ファイルから MVC ビューに背景画像をレンダリングする正しい形式はどれですか。
IIS でホストされている場合、なぜどのフォーマットも受け入れないのだろうか。
助言がありますか。

4

2 に答える 2

1

Imagesフォルダーをフォルダーに移動しContent、これを CSS で使用します。

background-image: url(Images/login-box-backg.png) no-repeat left top;

フォルダー構造は次のようになります。

  • コンテンツ
    -- 画像
    ---- login-box-backg.png
    -- Site.css
于 2013-04-03T07:19:02.807 に答える