どのようにHTMLアクションリンクで画像を挿入するには? asp.net MVC

StackOverflow https://stackoverflow.com/questions/3627178

  •  26-09-2019
  •  | 
  •  

質問

私は、HTMLアクションリンクから私のwebprojectのナビゲーションや多くのリンクを持っています。 彼らは、下線付き醜いです。私は名前でいくつかの画像を挿入したり、アクションリンクのスタイルでプレーしたいと思います。 出来ますか?それを行うにはどのように?

おかげで、世話、 Ragims

役に立ちましたか?

解決

あなたは下線を削除したり、背景画像を配置するためにCSSを使用することができ、 そうでなければ、また同じようので、リンクを作成することができます:

<a href="<%: Url.Action("Action", "Controller")%>"><img src="yourimg.jpg" /></a>

他のヒント

Html.ActionLinkとUrl.Actionは同じURLを返します。違いは、最初はそのアクションにちょうどURL秒戻りながら、HTML要素を作成することです。

別のオプションは、アクションに直接(アクションに)あなたのルートをオフに基づいてリンクを作成する代わりにするUrl.RouteUrlまたはHtml.RouteLinkを使用することです。

一つの解決策は、画像固有のアクションリンクを作成するためのHtmlHelperの拡張メソッドを作成することです。詳細なチュートリアルがのここで見つけることができます。

あなたはかみそりビューエンジンとMVC 3-4である場合、これはあなたを助けるかもしれない -

@Html.ActionLink("your link Name", "Action Method", "Controller", 
        new { style = "background-image:url('.././Images/imageyouwanttoshow.png')" },null)

の代わりに@Html.ActionLink("linkname","action","controller")を使用して 次の使用することができます。

<a href='@Url.Action("action", "controller")'>
<img src='@Url.Content("~/images/imageName.png")' />

「画像」の画像を保存するための私のフォルダです。 @Url.Content()は、パスを知ることです。 あなたは@Url.Action()にあなたの行動とその行動のためのコントローラを渡すことができます。 @Url.Action()@Html.ActionLink()に似ています。 今、あなたのリンクは画像に置き換えられてしまいます。

scroll top