CSS фоновые изображения в MVC3

Question

Я пытаюсь создать таблицу стилей для моего приложения MVC3.Я не уверен, как отформатировать фоновое изображение: URL.

background-image:url('../../Content/images/gradient_tile_page_top.png');

или

background-image:url('~/Content/images/gradient_tile_page_top.png');

Я пробовал оба варианта, но ни один из них не работает.Css кажется немного хитрее с MVC.

Answer 1

Если вы придерживаетесь «нормы», ваш макет главной страницы будет выглядеть примерно так:

<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />

, а другие ваши ресурсы (например, изображения) будут находиться либо непосредственно в папке с содержимым, либо впапка "images" под содержимым.

Следовательно, в вашем примере:

background-image:url('../../Content/images/gradient_tile_page_top.png');

становится

background-image:url('images/gradient_tile_page_top.png');