2012-08-16 41 views
7

Tôi có tham chiếu hình ảnh giống như sau: src="../../Images/backup5.jpg". Điều này phù hợp với cấu trúc dự án. Mặc dù trong phiên bản đã xuất bản, các liên kết này không hoạt động. Nếu tôi thay đổi đường dẫn đến src="../Images/backup5.jpg" bằng cách xóa "../" hình ảnh sẽ hiển thị chính xác. Cách chính xác để tham khảo những hình ảnh này để chúng hoạt động ở cả phiên bản phát triển và phiên bản đã xuất bản là gì?Cách chính xác để tham chiếu hình ảnh trong dự án asp.net mvc 4 là gì?

Theo dõi, giao diện này trông như thế nào khi được sử dụng trong css dưới dạng thuộc tính background:?

Trả lời

17

Bạn nên sử dụng các helper Url.Content với điểm đánh dấu Tilda ~ (mà giải quyết vào thư mục gốc của ứng dụng):

src="@Url.Content("~/Images/backup5.jpg")" 
+0

Perfect, công trình này. :) –

+0

Làm cách nào để sử dụng tính năng này trong thuộc tính nền trong css? Tôi đã thử các biến thể này và không thể làm cho nó hoạt động được. –

+0

@MattRockwell - tệp CSS là nội dung _static_ và không hỗ trợ mã phía máy chủ. Việc xử lý CSS cũng sẽ xem xét vị trí tệp và đường dẫn tương đối, do đó bạn không phải thực hiện việc này. Chỉ cần sử dụng một URL có liên quan đến vị trí tệp CSS. – Oded

1

Hãy thử src="@Url.Content("~/Images/backup5.jpg")".

1

@Url.Content("~/Images/backup5.jpg") Có vẻ như một cách thích hợp để thực hiện điều đó.

Các vấn đề liên quan