Cách đúng để chèn thẻ máy chủ nội tuyến vào phần css của trang là gì?

Question

Tôi đang cố gắng để đưa một số thẻ máy chủ nội tuyến trên một trang để tôi có thể có được con đường đúng đắn cho một hình ảnh, sử dụng Visual Studio 2012.

tôi đang làm nó như thế này:

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

Vấn đề là một khi điều này được viết, toàn bộ phần phong cách mất định dạng màu sắc với trình soạn thảo VS2012. Có phải là một cách khác nhau để làm điều này (hoặc một lựa chọn trong VS2012), để tôi sẽ không mất màu sắc và thụt đầu dòng?

Answer 1

Lý do khiến studio trực quan bị mất hình thành là bạn đang trộn css và mã phía máy chủ như dưới đây.

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

Bạn nên tách mã css khỏi mã của mình.

đường dẫn hình ảnh có liên quan đến vị trí của tập tin css, vì vậy css như dưới đây là chính xác, do đó bạn không cần phải sử dụng một con đường ứng dụng làm việc ra bởi Url.Content (~)

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

Answer 2

Đó là vấn đề hoặc tính năng của Visual Studio Highlight cho các kiểu css. Hãy thử sử dụng các URL tương đối của máy chủ, được biết đến.

Nếu bạn cần chèn mã phía máy chủ vào kiểu css, bạn có thể sử dụng thuộc tính style trong đánh dấu html. Ví dụ:

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

Nếu bạn không thích mã này hoặc bạn cần phải sử dụng nó nhiều hơn một lần ở những nơi khác nhau, cách tốt nhất là để tạo ra sự kiểm soát server-side của riêng bạn với một URL tài sản công cộng (ví dụ). Cuối cùng, nó sẽ trông giống như sau:

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