Codice CSS in HTML e main.css

Qualche idea del perché questo codice CSS non funziona quando lo metto nel file main.css? Sto provando a fare lo sfondo a schermo intero.Codice CSS in HTML e main.css

<html> 
 
<head> 
 
\t <link rel="stylesheet" type="text/css" href="CSS/main.css"> 
 
\t <style> 
 
\t \t .bg { 
 
\t \t  background-image: url("nuotraukos/bg.png"); 
 
\t \t  min-height:100%; 
 
\t \t  min-width: 100%; 
 
\t \t  background-attachment: fixed; 
 
\t \t  background-position: center; 
 
\t \t  background-repeat: no-repeat; 
 
\t \t  background-size: cover; 
 
\t \t } 
 
\t </style> 
 
</head> 
 
<body> 
 

 
<div class="bg"></div> 
 

 
</body> 
 
</html>

fonte

2015-12-27 Tadas

Fornire un codice di collegamento ai file locali non funzionerà qui come snippet. – Phiter

So che il codice non funzionerà come uno snippet. La domanda principale è perché questo codice CSS funziona solo tra tag di stile HTML, ma non funziona nel file main.css anche se ha un link ad esso. – Tadas

Stai ricevendo un 404 quando provi ad accedere a '' nuotraukos/bg.png ''? La mia ipotesi è che il percorso non sia corretto perché lo sta leggendo dalla directory CSS /. –

nulla sembra essere sbagliato con il vostro <link>. Verificare se il file esiste realmente e se la pagina html si trova nella stessa directory della cartella CSS. Altrimenti il percorso del file è sbagliato.

Se l'immagine non viene visualizzata, è probabilmente perché non si trova nello stesso percorso dello .css, quindi è necessario modificare anche il collegamento.

Supponiamo che l'immagine sia una cartella sul file css. Poi si dovrebbe modificare l'URL a questo:

url("../nuotraukos/bg.png");

Inoltre non è una buona pratica di utilizzare un div per impostare uno sfondo, quindi invece di utilizzare un div per impostare uno sfondo, impostare uno sfondo per il <body> e tratto esso.

body { 
 
    background-image: url("http://images.alphacoders.com/538/53823.jpg"); 
 
    background-size:cover; 
 
}

<head> 
 

 
</head> 
 
<body> 
 

 

 
</body>

fonte

2015-12-27 21:05:21 Phiter

Forse sarebbe d'aiuto se si modifica il percorso quando si posiziona main.css nella cartella CSS?

background-image: url("../nuotraukos/bg.png");

fonte

2015-12-27 21:09:41

Sì, questo era il problema, grazie troppo :) – Tadas

Prego. Saluti! –

Codice CSS in HTML e main.css

risposta

Problemi correlati