我有我的web項目從html操作鏈接導航和很多鏈接。 他們醜下劃線。我想插入一些帶有名字的圖片或者帶有動作風格的鏈接。 這可能嗎?怎麼做?如何在html動作鏈接中插入圖片? asp.net mvc
感謝和照顧, Ragims
我有我的web項目從html操作鏈接導航和很多鏈接。 他們醜下劃線。我想插入一些帶有名字的圖片或者帶有動作風格的鏈接。 這可能嗎?怎麼做?如何在html動作鏈接中插入圖片? asp.net mvc
感謝和照顧, Ragims
你可以使用CSS來刪除下劃線或地方和backgroundImage, 否則你也只是創造像這樣的鏈接:
<a href="<%: Url.Action("Action", "Controller")%>"><img src="yourimg.jpg" /></a>
Html.ActionLink和Url.Action返回相同的URL。不同的是,第一個創建一個HTML元素,而第二個返回該操作的URL。
另一種選擇是使用Url.RouteUrl或Html.RouteLink創建一個基於您的路線(到一個動作)而不是直接到一個動作的鏈接。
一種解決方案是創建一個HtmlHelper擴展方法來創建圖像特定的操作鏈接。詳細的教程可以找到here。
如果你在MVC 3-4 Razor視圖引擎,那麼這可能幫助你 -
@Html.ActionLink("your link Name", "Action Method", "Controller",
new { style = "background-image:url('.././Images/imageyouwanttoshow.png')" },null)
相反,你可以使用以下
<a href='@Url.Action("action", "controller")'>
<img src='@Url.Content("~/images/imageName.png")' />
的使用@Html.ActionLink("linkname","action","controller")
「圖像「是我的文件夾來存儲圖像。 @Url.Content()
是要知道的路徑。 您可以將您的操作和該操作的控制器傳遞給@Url.Action()
。 @Url.Action()
的作用類似於@Html.ActionLink()
。 現在你的鏈接將被圖像取代。
iam使用html.actionlink,而不是url.action – 2010-09-02 12:46:34
是的,我知道,但與Html.ActionLink你不能添加任何其他內容的鏈接比純文本。 – lmondria 2010-09-02 13:50:36
如果動作鏈接到主頁並且圖片將會是一個標誌,是否會導致無限循環?當我這樣做時,我一直在堆棧溢出。如果我刪除它,我的網頁運行良好。我認爲要運行的行動,我必須點擊它? – 2011-08-29 17:51:54