Question

很抱歉，如果这是一个良性问题，但对于ASP MVC3仍然是新手 - 使用图像作为链接的最佳语法是什么？它需要导航到另一个Controller的Index.cshtml页面（称为Home）。

下面的内容会导致图像完全消失：

<a href="@Url.Action("Index", "Home")><img src="@Url.Content("~/Content/images/Monet3.png")" id="MonetSig" /></a>

Answer 1

我认为"可能是问题之后缺少结束@Url.Action("Index", "Home")

Answer 2

我会使用CSS为锚点提供背景图像。这样您就可以轻松更改移动设备或平板电脑的图像：

CSS：

#MonetSig {
    display: block;
    width:100px; /* change this to your image width and height */
    height:100px;
    background: url('../images/Monet3.png') no-repeat;
}

HTML：

<a id="MonetSig" href="@Url.Action("Index", "Home")"></a>

ASP MVC3使用image作为其他视图/控制器的链接

2 个答案: