Thêm tờ kiểu css vào app_offline

Question

Vâng, tôi đang cố gắng tạo app_offline.htm tùy chỉnh và muốn thêm liên kết vào các tệp css của tôi trong dự án. Nhưng mã tiếp theo không hoạt động

<link href="/Content/Themes/screen.css" rel="stylesheet" type="text/css" /> 

Trong giao diện điều khiển Tôi đã có lỗi

GET mysite/Content/Themes/screen.css 503 (Service Unavailable)

Xin vui lòng, cho tôi tư vấn cách tạo liên kết tới tệp css trong app_ofline.htm. Bất kỳ sự giúp đỡ nào sẽ được đánh giá rất cao!

Answer 1

Ý tưởng về app_offline.htm là nó cho biết ứng dụng là, tốt, ngoại tuyến. Vì vậy, không có tài nguyên nào có sẵn từ trang web khi trang web ngoại tuyến. Hoặc đặt các quy tắc có liên quan vào trang hoặc lưu trữ biểu định kiểu trên một tên miền riêng biệt.

Answer 2

Bạn phải sử dụng kiểu css nội tuyến cho mục này thay vì đề cập đến tệp CSS bên ngoài.

<style type="text/css"> 
    /* write your css code here */ 

</style> 

app_offline.htm

Về cơ bản, nếu bạn đặt một tập tin với tên này trong thư mục gốc của một thư mục ứng dụng web, ASP.NET sẽ đóng cửa xuống ứng dụng, dỡ bỏ các miền ứng dụng từ máy chủ và ngừng xử lý mọi yêu cầu mới đến cho ứng dụng đó. ASP.NET cũng sẽ trả lời tất cả các yêu cầu cho các trang động trong ứng dụng bằng cách gửi lại nội dung của tệp app_offline.htm (ví dụ: bạn có thể muốn có thông báo "trang web đang được xây dựng" hoặc "ngừng để bảo trì")).

Answer 3

Bạn không thể liên kết đến nó. Nó đang ngoại tuyến. Trừ khi bạn đang sử dụng một tệp css từ xa mà bạn có thể đảm bảo sẽ ở trong một máy chủ hoạt động, tệp css sẽ không được phép phục vụ vì các hạn chế .Net Framework đã được đặt ra để cấm phân phối bất kỳ tệp nào ngoại trừ app_offline. htm. Bạn có thể đặt css của bạn trực tuyến với trang hoặc lưu trữ nó trên một trang web riêng biệt (đó là một sự lựa chọn một số công ty làm cho anyway để giữ cho các yếu tố thiết kế ở một vị trí chung cho các ứng dụng doanh nghiệp).

Answer 4

Bạn có thể thêm nó như base64 trong thẻ img ... như thế này:

<img src="data:image/png;base64,<64-bit string goes here> alt=""/>

này hoạt động ít nhất là cho một hình ảnh nói rằng trang web đang được xây dựng.