Question

我一直在尝试通过为链接（a）添加CSS类并使用background-image将链接显示为图像来在HTML.ActionLink上设置图像。这适用于所有浏览器，但IE 6和IE7。我需要让它在这些浏览器中运行，但无法弄明白。任何想法???

a.edit 
{
    background-image: url("../Images/Buttons/edit.png");
    background-position: top left;
    background-repeat: no-repeat;
    width:49px;
    height:22px;
    display: inline-table;
    text-decoration:none;
    clear:none;
}

a:hover.edit 
{
    background-image: url("../Images/Buttons/editOn.png");
    background-position: top left;
    background-repeat: no-repeat;
}

与编辑CSS类的链接

<%= Ajax.ActionLink(" ", "EditClaim", "Driver", new { claimId = item.Id }, new AjaxOptions { HttpMethod = "GET", UpdateTargetId = "claim", OnSuccess="showAddClaim", OnComplete = "updateClaim"}, new { @class = "edit" })%>

如果有人能帮我解决这个问题，我将非常感激。我花了很多年时间试图解决这个问题！

由于

Answer 1

它是a.edit：悬停，而不是：hover.edit

Answer 2

几个想法......

是正在改变的班级名称吗？通过向新类或其他样式添加边框来检查它，看它是否有效。添加边框实际上可以使它工作，所以也许你可以使这个边框与背景颜色相同（最好在条件样式表中这样做）

然后我想知道显示：inline-table ...为什么这样，你试过显示：block;

最后，它的问题是某种hasLayout问题，请尝试阅读本文

http://www.satzansatz.de/cssd/onhavinglayout.html

ASP.NET MVC Html.ActionLink CSS背景图像

2 个答案: