Question

好的，所以我将图片链接到网站的div部分。但是，一旦上传到服务器，图像将不会显示。我已经仔细检查了我的CSS文件，似乎没有什么不妥，但也许我错过了一些东西。

CSS：

recv()

HTML：

div{
    background-image: url(/images/medical-marijuana-background.jpg);
    background-repeat: space;
    border: solid #0D8200 .15em;
}

任何想法的人？

Answer 1

首先，您的CSS与您的HTML不匹配。在您的HTML中，您设置div id =“about”。所以要在CSS中调用它，你必须写#about而不是“div”，如下所示：

#about {
background-image: url(/images/medical-marijuana-background.jpg);
background-repeat: space;
border: solid #0D8200 .15em;
}

其次，你不正确地调用你的图像。如果.html文件与图像位于同一目录中，则可以像这样调用图像：

url(input.jpg)

如果图像位于.html下一级图像的子文件夹中，那么您可以这样称呼它：

url(images/input.jpg)

最后，如果您的图像实际上是您的.html上的一个级别，并且在名为images的子文件夹中，您可以这样称呼它：

url(../images/input.jpg)

希望这有帮助！

Answer 2

您需要添加width和height背景图片才能正常显示。

div{
    background-image: url(images/medical-marijuana-background.jpg);
     width:xxpx;
     height:xxpx;
    border: solid #0D8200 .15em;
}

如果您想重复

div{
    background-image: url(images/medical-marijuana-background.jpg);
    background-repeat: repeat-y; /* for vertical repeat */
    background-repeat: repeat-x; /* for horizontal repeat */
    height:xxpx;
    border: solid #0D8200 .15em;
}

Answer 3

您需要在:before中使用:after或css选择器。

 div
{
  border: solid #0D8200 .15em;
  height: 150px;
  width: 350px;
}

div:before{    
    content:url(http://placehold.it/350x150);        
    background-repeat: space;    
}

示例：http://jsfiddle.net/mo7c1swt/3/

Answer 4

你失踪＆＃34;＆＃34;在arg上 - 应该是background-image：url（＆＃34; paper.gif＆＃34;）;

背景图片没有显示？

4 个答案: