Imágenes de fondo CSS en MVC3

Question

Estoy intentando crear una hoja de estilos para mi aplicación MVC3. No estoy seguro de cómo formatear la imagen de fondo: url.

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

o

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

He intentado tanto y ni trabajo. Css parece ser un poco más complicado con MVC.

Answer 1

Si usted está siguiendo la "norma" el diseño principal de la página tendrá algo como:

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

y sus otros activos (imágenes, por ejemplo) o bien residir directamente en la carpeta de contenido o en un " images "carpeta bajo contenido.

Por lo tanto, en su ejemplo:

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

convierte

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