2

ASP.NET MVC 4 テンプレートを使用して既定の Web プロジェクトを生成すると、コードが見つかります。

<body>
    <header>
        <div class="content-wrapper">
            <div class="float-left">
                <p class="site-title">@Html.ActionLink("your logo", "Index", "Home")</p>
            </div>

既存の画像「logo.jpg」があり、それをリンクテキストの位置に挿入したいのですが、どうすればよいですか?

4

2 に答える 2

1

これを直接行うことはできないため、少し誤解を招く可能性があります。

rikitikitik のリンクが示唆するように、できることの 1 つは、そのままにしておくことですがActionLink、クラスを指定してから、CSS ルールを適用してリンクを画像に変換します。

または、独自の HTML<img>タグを使用するか、独自の HTML ヘルパーを記述して、画像とリンクの組み合わせを生成することもできます。

于 2013-06-07T01:15:45.693 に答える
0

画像を表示したかっただけで、リンクは使用できませんでした。これは私がしたことです：

@Html.ActionLink を完全に削除し、 <p> をプレースホルダーとして使用して、既存の css が適切にバインドできるようにしました。

<div class="float-left">    
    <p class="site-title" ></p>
</div>

ここで、site.css を開き、site-title の css を次のように置き換えました。

/* site title
----------------------------------------------------------*/
.site-title {
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.3em;
    margin: 0;

    background: url("../images/logo.png") no-repeat center left; 
    display: block;
    height: 84px; 
    width: 512px;
}

~/imagesの代わりに../imagesを使用する必要があることに注意してください

また、同じsite.cssで.site-title a、.site-title a:hover、.site-title a:activeのcssを削除しただけです

追加のアクションのために追加の css を保持したい場合は、完全にあなた次第です。

ありがとうござい
ます

于 2014-08-26T18:45:03.293 に答える