代码之家  ›  专栏  ›  技术社区  ›  andyJ

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

  •  2
  • andyJ  · 技术社区  · 16 年前

    我一直试图在html.actionlink上设置一个图像,方法是为链接(a)添加一个css类,并使用背景图像将链接显示为图像。这在除IE6和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;
    }
    

    以及与edit css类的链接

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

    如果有人能帮我解决这个问题,我将非常感激。我花了很长时间试图解决这个问题!

    谢谢

    2 回复  |  直到 13 年前
        1
  •  0
  •   nickmorss    16 年前

    两种想法…

    类名是否意外更改?通过向新类或其他样式添加边框来检查此项,以查看其是否有效。添加边框实际上可以使其正常工作,因此您可以使此边框与背景颜色相同(最好在条件样式表中这样做)。

    然后我想知道关于display:inline表…为什么这样,你试过显示:块;

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

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

        2
  •  1
  •   Steve Perks    16 年前

    它是a.edit:hover,而不是a:hover.edit

    推荐文章