¿Cuál es la forma correcta de insertar etiquetas de servidor en línea en la sección css de una página?

Question

Estoy tratando de poner algunas variables de servidor en línea en una página para que pueda obtener el camino correcto para una imagen, usando 2012.

lo estoy haciendo como esto Visual Studio:

<style type="text/css"> 
.someclass 
{ 
    background-image: url(<%=Url.Content("~/Content/Images/messageIcon.gif")%>); 
} 
</style> 

El problema es que una vez escrito esto, toda la sección de estilo pierde el formato de color con el editor VS2012. ¿Hay alguna manera diferente de hacer esto (o una opción en VS2012), para que no pierda los colores y la sangría?

Answer 1

La razón de que Visual Studio está perdiendo su formateo es que usted está mezclando CSS y el código del lado del servidor de la siguiente manera.

<style type="text/css"> 
.someclass 
{  
    background-image: url(<%=Url.Content("~/Content/Images/messageIcon.gif")%>); 
}  
</style> 

Debe separar su CSS de su código.

rutas de las imágenes son en relación con la ubicación del archivo css, css así como a continuación es correcta, por lo tanto, no es necesario utilizar una ruta de la aplicación elaborado por Url.Content (~)

.someclass 
{  
    background-image: url(../Images/messageIcon.gif); 
}  

Answer 2

Este es un problema o característica de Visual Studio Highlight para estilos CSS. Intenta usar URL relativas al servidor, que son conocidas.

Si necesita insertar un código del lado del servidor en estilos CSS, puede usar el atributo style en html-markup. Por ejemplo:

<div class="beautiful-button" style="background-image: url('<%=Url.Content("~/Content/Images/messageIcon.gif")%>')"> 
... 
</div> 

Si no te gusta este código o es necesario utilizar más de una vez en diferentes lugares, la mejor manera sería la creación de su propio control del lado del servidor con una URL propiedad pública (por ejemplo). Por último, se veía así:

<asp:MyOwnControl runat="server" class="beautiful-button" URL="~/Content/Images/messageIcon.gif" />