Immagine di sfondo CSS non visualizzata

Ho un file HTML con una sottodirectory denominata img con un'immagine denominata debut_dark.png. Nel mio file CSS, ho:Immagine di sfondo CSS non visualizzata

body { 
    background: url(/img/debut_dark.png) repeat 0 0; 
}

Il file HTML ha il tag del corpo e include il file CSS in modo appropriato. So per certo che il file CSS è incluso correttamente poiché tutto il resto è formattato correttamente.

L'immagine di sfondo non viene visualizzata, vedo solo uno sfondo bianco. Qualche idea su come risolvere questo problema, o anche su come eseguirne il debug?

fonte

2012-12-25 darksky

Controlla se l'URL dell'immagine è corretto. Apri gli strumenti per sviluppatori e vedi la scheda di rete, il tuo debut_dark.png dovrebbe essere elencato lì. Verifica se è stato caricato tutto –

Sei sicuro del percorso e del nome dell'immagine? Verifica con firebug – midstack

Se vuoi eseguire il debug di qualcosa (HTML/JS/CSS), puoi sempre aprire alcuni tipi di strumenti di sviluppo disponibili per tutti i browser moderni (F12 è in genere sufficiente, ma per FF potrebbe essere necessario installare Firebug). –

Secondo il vostro percorso del file CSS, io vi Suppongo che sia allo stesso directory con la tua pagina HTML, è necessario cambiare la url come segue:

body { background: url(img/debut_dark.png) repeat 0 0; }

fonte

2012-12-25 09:19:38 SaidbakR

Ho fatto e sto ancora vedendo uno sfondo bianco. – darksky

@Darksky Dov'è il tuo file CSS? – SaidbakR

+21

Capito. Il percorso deve essere relativo al file CSS (ovviamente). Grazie! – darksky

Assicurati che il tuo corpo ha un'altezza, f .ex:

body { 
    background: url(/img/debut_dark.png) repeat; 
    min-height: 100%; 
}

fonte

2012-12-25 09:21:03 David

Ho fatto - che non ha funzionato – darksky

Si dovrebbe usare in questo modo:

 

     body { 
      background: url("img/debut_dark.png") repeat 0 0; 
     } 

     body { 
      background: url("../img/debut_dark.png") repeat 0 0; 
     } 

     body { 
      background-image: url("../img/debut_dark.png") repeat 0 0; 
     }

o provare Ispezione Regole CSS che utilizzano lo strumento Firebug di Firefox.

fonte

2012-12-25 09:21:16

Ho capito .. Doveva essere url ("../ img/debut_dark.png"). Ho appena realizzato che il percorso deve essere relativo al file CSS non al file HTML (ovviamente). – darksky

ok. ma @Darksky hai segnato la risposta giusta al semsem. Ho risolto il tuo problema :( –

Sto utilizzando CSS incorporato su un computer locale. Ho messo il file atom.jpg nella stessa cartella come il mio file html, quindi questo codice funzionato:

background-image:url(atom.jpg);

fonte

2014-01-20 20:57:03 user3216740

Ho lo stesso problema. Ma funziona correttamente per me

background: url(../img/debut_dark.png) repeat

fonte

2015-10-12 05:25:13

So che questo non risolve il caso esatto del PO, ma per gli altri provenienti da Google non dimenticate di provare display: block; in base al tipo di elemento. Ho avuto l'immagine in un <i>, ma non appariva ...

fonte

2016-05-11 17:57:15

-1

Fondamentalmente il problema è con il percorso del file. La barra in avanti all'inizio dell'URL fa in modo che cerchi il file nella radice. Rimozione che, sarà un percorso relativo a questo file css - in questo modo: background-image: url(img/debut_dark.png);

Se si utilizza Atom, copiare il percorso del progetto di immagine a volte include slash nel percorso copiato quindi state attenti.

fonte

2018-01-05 15:52:15

Non vandalizzare il tuo post. Ciò potrebbe comportare un [divieto di risposta] (// stackoverflow.com/help/answer-bans). Pubblicando sulla rete Stack Exchange, hai concesso un -eventuale diritto per SE di distribuire tale contenuto (sotto la [licenza CC BY-SA 3.0] (// creativecommons.org/licenses/by-sa/3.0/)). Con la politica SE, qualsiasi atto di vandalismo verrà ripristinato. –

Bene, ho capito che questo attributo visualizza l'immagine quando viene fornita la posizione completa. Ho semplicemente caricato quell'immagine sul mio server e ho collegato la posizione di quell'immagine nell'immagine di sfondo: url ("xxxxx.xxx"); attributo e alla fine ha funzionato, ma se voi ragazzi non avete un server, provate a inserire la posizione completa dell'immagine nell'attributo andando nella proprietà di quell'immagine. Anche se stavo usando questo attributo nel tag di un file HTML, ma sicuramente funzionerà anche su file CSS. Se quel metodo non funziona, prova a caricare la tua immagine su internet come behance, facebook, instagram, ecc. E ispeziona l'immagine e copia quella posizione sul tuo attributo .. Spero Funzionerà

fonte

2018-01-19 07:53:54 Praks

Immagine di sfondo CSS non visualizzata

risposta

Problemi correlati