css background-image ne fonctionne pas correctement

- je utiliser exacte de ce code:

body
{
background-image:url('gradient2.png');
}

trouvé sur w3 école de son simple j'ai eu le pic dans le même dossier, j'ai tout fait et je ne sais pas pourquoi je ne peux pas insérer des images dans le css. La balise html est de travail. J'ai eu le même problème 3-4 mois, et maintenant de travailler à nouveau avec html et encore, pas de travail. Le pic juste l'habitude de se présenter.

c'est mon css:

*
{
    margin: 0;
    padding: 0; 
}

body
{
        background: url("pagebg2.jpg") repeat left top;    
    font: normal 10pt Arial,Helvetica,sans-serif;

}

#center{
    box-shadow: 1px 1px 11px 1px rgba(0, 0, 0, 1);
    border: 3px solid rgba(0, 0, 0,0.8);
    background-color:#50649d;
    border-radius: 20px 20px;
    width: 650px;
    height:900px;
    margin: 0 auto;

}
#pic {
     text-align:center;
}
img {
    box-shadow: 1px 1px 11px 1px rgba(0, 0, 0, 1);
    border: 3px solid rgba(0, 0, 0,0.8);
    border-radius: 20px 20px;
}

et c'est le html:

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link type="text/css" rel="stylesheet" href="CSS/btstyle.css">
        <title></title>
    </head>
    <body>
        <header>this is the title</header>
        <div id="container">
                <div id="pic" class="column">
                <img src="opel.png" />


                </div>


                <div id="center" class="column">

                  center
                </div>
        </div>
        <footer class="foot"><p>©WebMaster [email protected]</p></footer>
    </body>
</html>
Pouvez-vous poster un exemple sur jsFiddle? Qu'est-ce que ça fait? Ce qui se passe si vous utilisez un navigateur débogueur pour examiner le style de l'arrière?
jsfiddle.net/hjsTX/3 cela devrait fonctionner, je l'ai eu il de l'image dans le dossier racine, et les pages que je viens de blanc.

OriginalL'auteur Barta Tamás | 2012-12-15

  1. 6

    Votre code est parfait. Je l'ai testé sur jsFiddle. Le problème est avec votre URL de l'image

    Vérifier cela:
    jsFiddle lien

    body
{
    background: url("http://jsfiddle.net/img/logo.png") repeat left top;    
    font: normal 10pt Arial,Helvetica,sans-serif;

}

    Ici, j'ai seulement changer l'url de l'image.

    OriginalL'auteur Mohit Pandey

  2. 1

    J'aurais commenté à @MohitPandey mais j'ai besoin de 50 points de réputation, donc je vais l'ajouter ici. Lorsque vous êtes à la prestation directe de l'URL, il est toujours préférable d'enlever le "http" ou bien il y aura des alertes de sécurité lorsque vous êtes en affichant un contenu sur une page sécurisée. Afin de la modifier comme suit.

    body
{
    background: url("//jsfiddle.net/img/logo.png") repeat left top;    
    font: normal 10pt Arial,Helvetica,sans-serif;
}

    J'ai appris cela de HTML5Boilerplate. Espérons que cela aide!

    OriginalL'auteur LalakaJ

  3. 0

    L'erreur est dans votre STYLE de corps...

    .Body
{
  background-image: url('pagebg2.jpg');
  background-repeat: repeat;
  background-position: left top;
  font-family: Arial;
  font-size: 10pt;
}

    Essayez les...

    <body> n'est pas une classe, c'est un élément body{}

    OriginalL'auteur Zeddy