ASP.Net MVC, How to set image from action link as <div> background?

Question

I have an image from Url.Action like this

<img src="<%= Url.Action("Image") %>" alt="" />

How do I set this image as the background for a div? I've tried this:

<div style="background-image:url(/Background/Image)"></div>

and others but not success, I am trying to play with JS over this div and I need this background.

+2

andreiursan 15 Sep '09 at 15:50

1 answer

JMP · Accepted Answer · 2009-09-15T15:53:50+0000

Try using Url.Content. I recently tried to do the same for my JavaScript files and I found out about Url.Content from this blog post .

<script src="<%= Url.Content("~/Scripts/packed.js") %>"></script>

For your DIV, I would do (short for readability):

<div style="background-image:url(<%= Url.Content("~/Bkd/img.jpg") %>)"></div>