2009-04-28 80 views
2

我一直在嘗試通過爲鏈接(a)添加CSS類並使用背景圖像將鏈接顯示爲圖像來設置HTML.ActionLink上的圖像。這適用於所有瀏覽器,但IE 6和IE7。我需要在這些瀏覽器中使用它,但無法弄清楚。有任何想法嗎???ASP.NET MVC Html.ActionLink CSS背景圖片

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" })%> 

我會很感激,如果有人可以幫助我解決這個鏈接。我花了很多年試圖解決這個問題!

感謝

回答

0

夫婦的想法...

是類名acctually變化?通過向新類或其他樣式添加邊框來檢查它是否正常工作。添加邊框實際上可以使其工作,所以也許你可以使這個邊框與背景相同的顏色(最好在條件樣式表中做這個)

然後im想知道顯示:inline-table ...爲什麼這個,你試過顯示:block;

最後,其probbaly某種hasLayout的問題,嘗試閱讀這篇文章

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

+0

糾正它是顯示:內聯 - 表,更改爲顯示:阻止並返回業務。 乾杯 – andyJ 2009-05-06 15:28:55

1

它a.edit:懸停,而不是一個:hover.edit