Aggiungi foglio stile css a app_offline

Question

Bene, sto cercando di creare app_offline.htm e voglio aggiungere collegamenti ai miei file css nel progetto. Ma la prossima codice non funziona

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

In console ho ottenuto l'errore

GET mySite/content/themes/screen.css 503 (Servizio non disponibile)

prega, dammi consigli su come creare un link al file css in app_ofline.htm. Qualsiasi aiuto sarà molto apprezzato!

Answer 1

L'idea di app_offline.htm è che indica che l'app è, beh, offline. Quindi, nessuna risorsa è disponibile dal sito quando il sito è offline. Inserisci le regole pertinenti nella pagina o ospitane il foglio di stile in un dominio separato.

Answer 2

È necessario utilizzare lo stile css in linea per questo invece di fare riferimento al file CSS esterno.

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

</style> 

app_offline.htm

In sostanza, se si inserisce un file con questo nome nella radice di una directory di un'applicazione web, ASP.NET arresto dell'applicazione, scaricare il dominio di applicazione da il server e interrompe l'elaborazione di eventuali nuove richieste in arrivo per tale applicazione. ASP.NET risponderà anche a tutte le richieste di pagine dinamiche nell'applicazione inviando il contenuto del file app_offline.htm (ad esempio: si potrebbe desiderare di avere un messaggio "sito in costruzione" o "in basso per manutenzione").

Answer 3

Non è possibile collegarsi ad esso. È offline. A meno che non si stia utilizzando un file css remoto che si può garantire che si troverà in un server funzionante, il file css non potrà essere pubblicato perché le restrizioni di .Net Framework sono state messe in atto per vietare la pubblicazione di qualsiasi file tranne app_offline. htm. Puoi mettere il tuo css in linea con la pagina o ospitarlo su un sito separato (che è una scelta che alcune aziende fanno comunque per mantenere gli elementi di design in una posizione comune per le applicazioni aziendali).

Answer 4

È possibile aggiungere come Base64 nel tag img ... in questo modo:

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

Questo funziona, almeno per un'immagine che dice che il sito è in costruzione.