Difficulté pour mettre en place sur mon image de fond

Question

je faisais pour mon projet concernant mon portefeuille. J'ai commencé à coder pour la mise en page et à placer une barre de navigation, des images, des en-têtes, etc. Je plaçais l'image du vaisseau dans l'arrière-plan du contenu. Mais quand je place le diaporama dans le contenu, l'image du vaisseau se déplace vers le bas de la mise en page. J'essaie de corriger en utilisant la balise div et de définir background-image: url afin que les deux images ne s'entrechoquent pas mais quand j'essaie de définir la position du fond, la position de l'image du vaisseau ne bouge pas. Je ne sais vraiment pas comment résoudre ce problème :(

CSS

#ship{ 
     background-image:url(image/ship.png) no repeat; 
     // Both background-position and padding won't work 
     } 

**Home Page** 

<div id="content"> 
    <img src="image/welcome.png"> 

    <div id="slider"> <---- slideshow 
    <a href="#" class="control_next">>></a> 
    <a href="#" class="control_prev"><</a> 
     <ul> 
     <li></li> 
      .... 
     </ul> 
     </div> 

     <div class="slider_option"> 
     <input type="checkbox" id="checkbox"> 
     <label for="checkbox">Autoplay Slider</label> 

     <img src="image/ship.png" id="ship"> <---background image 
     </div>  
     </div> 

Answer 1

Je ne l'ai pas, mais votre URL(). Doit avoir des guillemets autour du chemin de l'image

essayez plutôt de #ship votre css essaie d'utiliser:

#content { 
    background-image: url("image/ship.png"); 
    backgorund-size: cover; 
} 

Supprimer parce qu'il est inutile à moins qu'il est l'une de vos images du diaporama:

<img src="image/ship.png" id="ship">