html - 背景图片在 CSS 中不起作用

Question

我在这里做错了什么(这是我的 CSS)导致的，所以当我输入图像时它没有显示，我检查了多次，这实际上是我图像的位置。我在“正文”下的/Global/下输入了它。

提前致谢

CSS:

/* 全局 */

html {   }
body { background-image:url(../'Dan Noonan Painting\ImagesBackground-image.jpeg');
            }

/* 容器 */

 #wrapper               {width:900px; margin: 0px auto; background-color: white; background-color:#FFFFFF; border:thin black solid; }

 #top                   {background-color:#FFFFFF; width:100%; padding:20px 0px; overflow:hidden;   }

 #logo                  {margin:0 0 0 10px; float: left; padding: 20px 0px; }           

 #location              {float: right; padding: 20px 0px    }
 #location p            {color: #000000; margin: 0px 0px 0px 0px;   }


 #banner                {padding-top: 5px;  }

 #subbanner             {   }

  #topnav               {background-color:#CFCFCF; clear:both; border-top: thin black solid; 
                        border-bottom: thin black solid; }
 #topnav ul             {width:100%; float:left; margin:0px; background-color:#CFCFCF;  }
 #topnav ul li          {display: inline; }
 #topnav ul li a        {float:left; padding:10px 20px; }

 #topnav a:link         {color:black;   }
 #topnav a:active       {color:black;   }
 #topnav a:focus        {color:black;   }
 #topnav a:visited      {color:black;   }
 #topnav a:hover        {color:black; background-color:#666666; }


 #content-wrapper       { background-image:url('../Images/Background-image.jpeg');  }


 #leftnav               {   }

 #leftside              {   }

 #rightside             {float:right; width:240px; background-  color:#cccccc;  }
 #rightside img         {padding-top: 30px; padding-bottom: 20px;   }
 #rightside p           {font-size: 16px}

 #content               {float:left; width: 650px; background-color:#999999 }
 #content img           {padding-top: 30px; padding-bottom: 20px;   }

 #footer                {overflow:hidden; float:right; width:100%;  }

Answer 1

大括号的位置不正确。您需要在 url 中将其声明为 url('/* your link */')。此外，您的路径声明似乎也不正确 + jpeg 没有 .jpeg 扩展名。它只有 .jpg。

您上面的内容不正确。

background-image:url(../'Dan Noonan Painting\ImagesBackground-image.jpeg');

将其更改为以下内容。

例如，

background-image:url('../Dan Noonan Painting/ImagesBackground-image.jpg');

希望这对您有所帮助。