Question

如果使用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”，我想把它插入到linktext的位置，怎么样？

Answer 1

这有点误导，因为你不能直接这样做。

正如rikitikitik的链接所示，您可以做的一件事是保持ActionLink不变，但是给它一个类，然后应用CSS规则将链接转换为图像。

或者，您可以使用自己的HTML <img>标记或编写自己的HTML帮助程序来生成图像链接组合。

Answer 2

我只想显示一张图片，而且我没有使用链接。这就是我所做的：

完全删除了@ Html.ActionLink并简单地使用了＆lt; p＆gt;作为占位符，以便我现有的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中删除了更多的CSS .site-title a，.site-title a：hover，。site-title a：active

如果你想为额外的行动保留额外的css，那完全取决于你。

谢谢和问候 Anugrah

在@ Html.ActionLink上添加徽标

2 个答案: