Qual è il modo giusto per inserire tag del server in linea nella sezione css di una pagina?

Question

Sto cercando di mettere alcuni tag di server in linea su una pagina in modo da poter ottenere il percorso giusto per un'immagine, utilizzando Visual Studio 2012.

lo sto facendo in questo modo:

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

Il problema è che una volta scritto, l'intera sezione di stile perde la formattazione del colore con l'editor VS2012. C'è un modo diverso per farlo (o un'opzione in VS2012), in modo da non perdere i colori e il rientro?

Answer 1

Il motivo per cui lo studio visivo sta perdendo la sua formattazione è che si stia mescolando CSS e il codice lato server, come di seguito.

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

È necessario separare il css dal codice.

percorsi delle immagini sono relativi alla posizione del file css, quindi css come qui di seguito è corretto, quindi non è necessario utilizzare un percorso di applicazione elaborato da Url.Content (~)

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

Answer 2

Questo è un problema di funzionalità di Visual Studio o funzionalità per gli stili CSS. Prova ad usare gli URL relativi al server, che sono noti.

Se è necessario inserire un codice lato server negli stili css, è possibile utilizzare l'attributo style in html-markup. Per esempio:

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

Se non ti piace questo codice o è necessario utilizzare più di una volta in luoghi diversi, il modo migliore sarebbe quello di creare il proprio controllo sul lato server con un URL proprietà pubblica (per esempio). Infine, sarà guardato come questo:

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