0

_Layout.cshtml ファイルの ActionLink の CSS に問題があります。

CSSクラスを介して背景に描かれた画像を反映するように「ここにあなたのロゴ」テキストを変更しましたが、画像が読み込まれないようです..

<p class="site-title">@Html.ActionLink(" ", "Index", "Home", null, new { @class = "sitelogo" })</p>

CSS は次のとおりです。

.sitelogo {
background: url("../Images/topLogo.png") no-repeat center right;
display: block;
height: 84px;
width: 585px;

ボックスは高さと幅の寸法のブロックに表示されますが、画像は表示されませんが、FireBug inspect CSS を使用すると、CSS の URL にマウスを合わせると画像がプルされます。これで痛々しいほど明らかな何かが欠けていますか？

4

2 に答える 2

2

html を少し変更して、それを実現することもできます。

これを交換

@Html.ActionLink(" ", "Index", "Home", null, new { @class = "sitelogo" })

これとともに：

<a href="@Url.Action("Index", "Home")">
    <img alt="your logo" src="@Url.Content("~/Images/<YOUR LOGO>")" />
</a>

お役に立てれば

于 2013-06-26T04:55:53.530 に答える
1

パスが正しいことを確信していますか? CSS で指定する URL は、その CSS ファイルに対して相対的です。

CssFolder
       styles.css
イメージフォルダー
       image.png

または、url.content を使用して、正しいパスを使用していることを確認することもできます。

@Html.ActionLink(
    " ", 
    "Index", 
    "Home", 
    new { 
        style = "background: url('" + Url.Content("~/Images/yourimage.png") + "') no-repeat center right; display:block; height:84px; width:585px;" 
    }
)
于 2013-06-26T04:32:13.117 に答える