ASP.NET MVC Html.ActionLink Image d'arrière-plan CSS

Question

J'ai essayé de définir une image sur un HTML.ActionLink en ajoutant une classe CSS pour un lien (a) et en utilisant l'image de fond pour afficher le lien en tant qu'image . Cela fonctionne très bien dans tous les navigateurs, mais IE 6 et IE7. Je dois le faire fonctionner dans ces navigateurs, mais je n'arrive pas à le comprendre. Des idées???

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; 
} 

Et le lien avec la classe modifier CSS

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

Je serais très reconnaissant, si quelqu'un pouvait me aider à résoudre ce problème. J'ai passé des âges à essayer de résoudre celui-ci!

Merci

Answer 1

pensées couple ...

est le nom de la classe changer acctually? vérifiez cela en ajoutant une bordure à la nouvelle classe ou un autre style pour le voir fonctionner. ajouter la bordure peut en fait le faire fonctionner, alors alors peut-être vous pouvez faire cette bordure de la même couleur que l'arrière-plan (de préférence faire dans une feuille de style conditionnelle)

puis je me pose des questions sur l'affichage: inline-table ... pourquoi avez-vous essayé d'afficher: bloc;

enfin, son probbaly une sorte de problème hasLayout, essayez de lire cet article

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

Answer 2

il est a.edit: vol stationnaire, pas: hover.edit