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 的链接所暗示的，您可以做的一件事是保持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 回答