2013-04-03 18 views
6

Ho aggiunto le immagini nella cartella chiamata "immagini" e nella cartella CSS chiamata "css", ora voglio usare le immagini nella cartella "immagini". Come faccio a fare questo? Quando ho usato questo, essi non si sono presentati:Immagini CSS in un'altra cartella

background: url('/images/bg.jpg'); 

Ho provato anche questi:

background: url('../images/bg.jpg'); 
background: url('../../images/bg.jpg'); 

Qual è il percorso dovrei usare per accedere le mie immagini?

+2

Le cartelle 'images' e' css' sono allo stesso livello? –

+0

è la cartella di immagini nella stessa directory di lavoro? Voglio dire è la cartella delle immagini e currentpage.css (la pagina in cui si utilizza il codice precedente) nella stessa cartella? –

+0

Hai provato 'images/bg.jpg'? –

risposta

1

Quando si utilizzano le immagini di sfondo, assicurarsi di dare anche larghezza e altezza per il contenitore contenente le immagini.

+0

Questa è una risposta al problema? Forse solo un consiglio. – melancia

+0

È una risposta. Non un consiglio. Sono sicuro che non hai affrontato questo problema. – defau1t

+0

La domanda qui riguarda le cartelle, non le migliori (corrette) pratiche. Ecco cosa intendevo. – melancia

12

Se si dispone di una struttura di cartelle come segue:

/public_html/ 
    /css/ 
    /images/ 
    /index.html 

Allora il tuo CSS dovrebbe funzionare.

  • che iniziano con "/" ritorna alla directory principale e inizia lì
  • A partire da "../" si sposta una directory indietro e inizia lì
  • A partire da" ../../ "muove due directory indietro e inizia lì (e così via ...) Per andare avanti, basta iniziare con il primo
    sottodirectory e continuare a muoversi in avanti

Ulteriori informazioni qui: http://css-tricks.com/quick-reminder-about-file-paths/

Problemi correlati