Agregar hoja de estilo css a app_offline

Question

Bueno, estoy tratando de crear app_offline.htm personalizado y quiero agregar enlaces a mis archivos css en el proyecto. Pero la próxima código no funciona

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

En la consola Tengo error

GET miSitio/content/themes/screen.css 503 (Servicio no disponible)

Por favor, dame consejos sobre cómo hacer un enlace al archivo css en app_ofline.htm. ¡Cualquier ayuda será muy solicitada!

Answer 1

La idea del app_offline.htm es que indica que la aplicación está, bueno, fuera de línea. Por lo tanto, no hay recursos disponibles en el sitio cuando el sitio está fuera de línea. Ponga las reglas relevantes en la página o aloje la hoja de estilo en un dominio diferente.

Answer 2

Tiene que usar el estilo CSS en línea para esto en lugar de hacer referencia al archivo CSS externo.

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

</style> 

app_offline.htm

Básicamente, si se coloca un archivo con este nombre en la raíz de un directorio de aplicaciones web, ASP.NET parada de la aplicación, descarga el dominio de aplicación de el servidor y detienen el procesamiento de cualquier nueva solicitud entrante para esa aplicación. ASP.NET también responderá a todas las solicitudes de páginas dinámicas en la aplicación devolviendo el contenido del archivo app_offline.htm (por ejemplo: es posible que desee tener un mensaje de "sitio en construcción" o "por mantenimiento"))

Answer 3

No puede encontrar ningún enlace. Está fuera de línea. A menos que esté utilizando un archivo css remoto que puede garantizar que estará en un servidor en funcionamiento, no se podrá publicar el archivo css porque las restricciones de .Net Framework se han establecido para prohibir la publicación de cualquier archivo, excepto app_offline. htm. Puede poner su css en línea con la página o alojarla en un sitio diferente (que es una opción que algunas compañías hacen de todos modos para mantener los elementos de diseño en una ubicación común para las aplicaciones empresariales).

Answer 4

Puede añadirlo como base 64 en la etiqueta img ... como esto:

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

Esto funciona, al menos para una imagen que dice que el sitio está en construcción.