Question

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

先谢谢

CSS：

/ * Global * /

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');

希望这有帮助。

Answer 2

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

Answer 3

jpeg有效，如果事实上你是如何保存图像的。什么不起作用是前后斜线的混合。大多数情况下，默认是/ lorem / form等，而不是/ lorme \ form，例如，Nathan指出。

Answer 4

您可以使用

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

而不是背景图片

背景图像不适用于CSS

4 个答案: