Réglage de l'image d'arrière-plan d'une barre de navigation - bootstrap

J'ai un problème de réglage de l'image d'arrière-plan à partir d'un dossier, 'img/flower.jpg'.
J'ai essayé d'utiliser le code suivant dans le CSS, l'image ne s'affiche pas: Cependant, il fonctionne si je de référence à partir d'une source dans l'internet.

#navigation,.navbar .navbar-default{
  background-image: url("img/flower.jpg");
  background: url('img/flower.jpg');
}



<div class="container">
<!-- Navigation -->
  <nav class="navbar navbar-default " id="navigation" role="navigation">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            Jeen's Portfolio 

        </div> 
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container -->
  </nav> 
</div>

/* CSS used here will be applied after bootstrap.css */
#navigation,.navbar .navbar-default{
  border-top: 2px dotted blue;
  border-bottom: 2px dotted blue; 
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/6/6b/Bubble_3.jpg");

  background: url('http://upload.wikimedia.org/wikipedia/commons/6/6b/Bubble_3.jpg');
 font-style: zapfino;
}

Démo

OriginalL'auteur user21 | 2015-04-14

  1. 11

    Cela peut mieux si vous pouvez montrer votre structure de dossier pour les images et le fichier de style, ou, si possible, donner l'url.votre dossier img doit être dans le même répertoire dans lequel les fichiers de style existe .puis ce sera le travail .

    #navigation,.navbar .navbar-default{
  background-image: url("img/flower.jpg");
}

    ou si c'est dans un autre répertoire de trouver le chemin d'accès avec l'utilisation de ../ . ce dire que vous êtes un pas en arrière à partir de l'annuaire .
    comme ce 

    #navigation,.navbar .navbar-default{
      background-image: url("../img/flower.jpg"); /* assuming img folder is one step back from css*/
    }
    Le chemin d'accès au fichier le nom est correct, mais ça ne fonctionne pas pour tout les deux
    est-il en ligne ?? ou un hôte local ???
    pas encore en ligne. Il est dans mon ordinateur.
    vérifiez dans le firebug dans le panneau css si c'est en montrant l'image au survol de la souris.
    J'ai vérifié le firebug et a constaté que le chemin n'est pas correct. merci, j'ai corrigé maintenant. Connaissez-vous des add-on safari, qui fonctionne de la même comme firebug pour le vérifier ?

    OriginalL'auteur Manoj Kumar

  2. 2

    background-image: url('/img/flower.jpg');

    background-image: url('http://upload.wikimedia.org/wikipedia/commons/6/6b/Bubble_3.jpg');

    OriginalL'auteur wijaya