Quando faccio riferimento a un'immagine o ad un altro file in un file CSS da un percorso relativo, il percorso è relativo al file CSS o al file HTML che utilizza il file CSS?È un percorso relativo in un file CSS relativo al file CSS?
Sì, è relativo al .css
Ecco un esempio di layout:
Page: page.htm ... does not matter where
CSS: /resources/css/styles.css
Image: /resources/images/image.jpg
CSS in styles.css:
div { background-image: url('../images/image.jpg');
Nel file CSS.
Sì. È relativo al file CSS. Aggiungerò che questo include anche relativamente al dominio in cui si trova il file CSS.
Quindi, se il CSS viene fatto riferimento come:
<link href="http://www.otherdomain.com/css/example.css" type="text/css" rel="stylesheet" />
e contiene:
div { background-image: url('/images/image.jpg');
Lo sfondo sarà:
L'inclusione da un dominio esterno funzionerà solo in alcuni browser se è stata impostata l'intestazione per consentire gli include esterni, a causa della stessa politica di origine –
Perfetto, grazie. Proprio quello che dovevo sapere. –
Grazie per la risposta dettagliata. Ero davvero confuso nello stesso problema, e qui lo hai appena risolto in un modo migliore. – AbdulAziz
Questo è davvero ragionevole, perché permette di fare riferimento al file _same_' .css' da diversi file '.html' (che possono essere localizzati in posti diversi) senza percorsi di frenatura verso oggetti esterni. – Davide