4

最近、MVC3 Web アプリ プロジェクトに適用しようとしているブートストラップ テーマを購入しました。

social-icons.css で背景画像をレンダリングする際に問題が発生しています。

_Layout.cshtml で私は参照しました:

link href="@Url.Content("~/Content/social-icons.css")" rel="stylesheet"      type="text/css"

ヘッダーに。

social-icons.css 内:

    [class^="social-"],
    [class*="social-"] {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: .3em;
    line-height: 40px;
    vertical-align: text-top;
    background-image: url("img/icons/social-icon-set.png");
    background-position: 40px 40px;
    background-repeat: no-repeat;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-border-radius: 50em;
       -moz-border-radius: 50em;
            border-radius: 50em;
}

social-icons.css と social-icons-set.png の両方のパスを確認したところ、すべてが上下に表示されます。

ここで Q&A を確認しましたが、これは役に立ちませんでした。 MVC3 の CSS 背景画像

不明な点がありましたことをあらかじめお詫び申し上げます。

4

2 に答える 2

2

画像の場所が間違っています。

これがあなたが持っているものです：

background-image: url("img/icons/social-icon-set.png");

そして、あなたのスクリーンショットを見ることができるように、それはsocial-icons-set（余分な「s」に注意してください）：

ここに画像の説明を入力してください

于 2013-03-13T14:45:56.560 に答える
1

CSS ファイル内のすべてのパスは、常に css ファイル自体に対して相対的です。png は にありContent/img/icons/social-icon-set.pngますか?

それはCSSファイルとあなたの情報がそれがあるべきだと示唆している場所だからです.

于 2013-03-13T13:40:36.173 に答える