MVC 4 ActionLink 与背景图像的替代文本答案

【问题标题】：MVC 4 ActionLink with alt text for background imageMVC 4 ActionLink 与背景图像的替代文本
【发布时间】：2013-04-12 18:36:15
【问题描述】：

在我看来，我有这个链接：

@Html.ActionLink(" ", null, null, new { @class = "Edit" })

我的编辑 css 类：

.Edit
{
    background: url("../Images/Edit.png") no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px;
    vertical-align: middle;
    }

工作正常，但我想在用户将链接悬停为替代文本时显示“编辑”。任何帮助将不胜感激。

【问题讨论】：

虽然可能有一些方法可以通过一些黑客来实现这一点，但我同意456bereastreet.com/archive/200905/… 如果您需要替代文本，则应使用图像标签加载图像如果您必须在背景图片上添加 alt 文本，那么快速 google 会产生大量结果 stackoverflow.com/questions/4216035/…
并不是说它与您的问题有任何关系，但我建议您将文本“编辑”放在链接中（Actionlink 的第一个参数）并添加“文本缩进：-9000px;”到风格。这样，屏幕阅读器或搜索引擎也可以看到链接的文本，但不会出现在屏幕上。

标签： css asp.net-mvc-4

【解决方案1】：

尝试为您的链接添加title 属性：

@Html.ActionLink(" ", null, null, new { @class = "Edit", title="Edit" })

【讨论】：