Referenze relative al server all'interno del CSS?

Question

CSSRegistration fa un grande lavoro di riferimento del file CSS relativo all'URL del sito su cui sei acceso.

Cosa fai dentro il file CSS?Se sto distribuendo risorse alla directory / _Layouts / immagini, certo / _Layouts / immagini funziona alla grande sulla maggior parte dei siti.Ci sono, tuttavia, occasionali / siti / come rootweb, nel qual caso il riferimento deve essere / siti / _Layout / immagini.

C'è un buon modo per farlo?

Answer 1

URL nei file CSS sono sempre relativi al file CSS stesso.Se hai risorse da fare riferimento che si trovano nella stessa posizione (o chiusura) (ad esempio nella libreria di stile o simili), è possibile utilizzare semplicemente percorsi relativi al file CSS.

Se si stanno facendo riferimento alle attività da _Layouts o _Layouts / immagini, è altrettanto facile.Questi sono configurati come cartelle virtuali disponibili da qualsiasi sito (dal momento che punta al file system, non al database dei contenuti).Quindi tutti questi percorsi sono gli stessi:

http://localhost/_layouts/images/logo.png
http://localhost/sites/abc/_layouts/images/logo.png
http://localhost/sites/abc/subsite1/subsite2/_layouts/images/logo.png

.

Nel tuo file CSS, il percorso è semplicemente: _Layouts / immagini / logo.png

Answer 2

OK.Quindi se hai una struttura di directory come questa:

Folder1/  
Folder1/images/image1.png
Folder1/css/style.css

.

(questo può essere all'interno di qualsiasi cartella ad esempio: _Layouts, _Layouts / 1033 / stili ecc.)

Per fare riferimento all'immagine1.png dallo style.css, tutto ciò che devi fare nello stile.CSS è:

'../images/image1.png'

.

Il "../" all'inizio cercherà la directory delle immagini un livello sopra dal luogo in cui è presente il foglio di stili CSS.Quindi non è necessario considerare il problema /sites/ qui poiché il percorso relativo sarà sempre determinato dalla posizione del file Style.css.