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

Question

リンク（a）のCSSクラスを追加し、背景画像を使用してリンクを画像として表示することで、HTML.ActionLinkに画像を設定しようとしています。これは、IE 6とIE 7を除くすべてのブラウザで効果的です。私は、これらのブラウザで動作させる必要がありますが、それを把握することはできません。何か案は？？？

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

カップルの考えを...

は、クラス名がacctually変化していますか？これを確認するには、新しいクラスや別のスタイルに境界線を追加して、動作していることを確認します。実際には境界線を追加することで実際には境界線を背景と同じ色にすることができます（条件付きスタイルシートでこれを行うことをお勧めします）

次に表示に関する疑問があります：inline-table ...なぜこれ、あなたはディスプレイを試してみましたか：ブロック;ホバー、ない：

最後に、hasLayoutの問題のそのprobbalyいくつかの種類は、この記事

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

Answer 2

それはa.editだ読んでみてくださいhover.editを