CSS背景图片未加载

我已经遵循了所有的教程，所有的教程都说了这些话。我在我的css样式表中指定了我的背景，但页面只显示空白的白色背景。图像与.html和.css页面位于同一目录中。本教程说CSS背景图片未加载

<body background="image.jpeg">

已过时，所以我用，在CSS中，

body {background: url('image.jpeg');}

没有成功。下面是完整的CSS样式表：

body 
{ 
background-image: url('nickcage.jpg'); 
padding-left: 11em; 
padding-right: 20em; 
font-family: 
Georgia, "Times New Roman", 
Times, serif; 
color: red;   
}

来源

2014-01-27 jaredad7

哪里把你的形象？哪个文件夹？ “图片”文件夹？如果你有在jsfiddle尝试？ – falguni

请检查您的图像延伸.... – Krish

尝试[CTRL] + [F5]来硬刷新页面内的浏览器。也许这只是一个缓存问题。就像Nikhil说的那样：搜索一般的拼写错误;） – Adrian

这里是另一个图像的URL result..working罚款...我只是把只图像path..please检查..

Fiddel ：http://jsfiddle.net/287Kw/

body 
{ 
background-image: url('http://www.birds.com/wp-content/uploads/home/bird4.jpg'); 
padding-left: 11em; 
padding-right: 20em; 
font-family: 
Georgia, "Times New Roman", 
Times, serif; 
color: red; 


}

来源

2014-01-27 06:48:57 Krish

好吧，你的工作，但我曾尝试图像路径到之前没有工作过的在线网址。你能想到为什么这个专门工作的原因，而不是其他人？ – jaredad7

可能浏览器缓存（按ctrl + f5）或图像扩展问题... plz检查两种情况。它会好的 – Krish

首先，波再见那些报价：

background-image: url(nickcage.jpg); // No quotes around the file name

接下来，如果你的html，css和image都在同一个目录下，那么删除引号就可以解决它。但是，如果你的CSS或图像都在那里你的HTML的生活，你要确保你正确路径图像子目录：

background-image: url(../images/nickcage.jpg); // css and image live in subdorectories 

background-image: url(images/nickcage.jpg); // css lives with html but images is a subdirectory

希望它能帮助。

来源

2014-01-27 06:56:01 Frankenscarf

这个工作，如果img名称中有一个空格吗？ – Anup

我原来是在引号之外的，并没有奏效。只是再次尝试;不工作。 – jaredad7

使用单引号只会导致在IE/Mac上出现问题，甚至无法在现代Mac上运行。 – Quentin

对以下线路为我工作，我把它放在我身上的CSS（其中图像是在同一个文件夹中，我的CSS和HTML文件）：

background: url('test.jpg');

其他东西，你必须关心的是，小心图片扩展，确保您的图片带有.jpeg或.jpg扩展名。由于

来源

2014-01-27 06:56:15 Usman

试试这个

background-image: url("/yourimagefolder/yourimage.jpg");

我有同样的问题，当我用background-image: url("yourimagefolder/yourimage.jpg");

注意了差异斜线。该文件夹的级别是我无法加载图像的原因。我猜你也遇到了同样的问题

来源

2015-02-25 04:18:38 user3670684

如果您可以请编辑您的答案并解释您显示的代码是干什么的，以及为什么/如何该代码回答了这个问题，它可以真正帮助。 –

我发现这个问题是你不能使用短网址的图片“IMG/image.jpg的”

你应该使用完整的URL“http://www.website.com/img/image.jpg”，但我不不知道为什么！

来源

2016-01-12 16:32:24

我已经更改了我的wamp-server-apache web服务器的文档根目录。所以使用相对url即（images/img.png）不起作用。我必须使用绝对网址才能正常工作，例如：

background-image：url（“http://localhost/project_x/images/img.png”）;

来源

2016-05-10 07:21:39 user3172852

我有同样的问题。问题最终成为图像文件的路径。确保图像路径相对于CSS文件的位置而不是HTML。

来源

2016-10-03 19:53:47

-2

我有同样的问题，并在阅读后发现这个问题，这是斜线。 Windows路径：影像\ green_cup.png

CSS奏效：图像/ green_cup.png

影像\ green_cup.png不起作用。

菲尔

来源

2016-12-29 06:15:21 PCSailor

下面的代码为我工作，我必须放置在图像中somefolder /资产/ IMG/background_some_img.jpg

background-image: url('../img/background_some_img.jpg'); 
background-size: cover; 
background-repeat: no-repeat;

来源

2017-03-13 11:00:32 user7702588

如果将图像和css文件夹父目录内的假设资产，那么下面的代码完美工作。无论是双引号还是没有双引号，都可以正常工作。

body{ 
 
    background: url("../image/bg.jpg"); 
 
}

在其他情况下，如果你调用一个类，并试图把背景图像中的特定位置，那么你必须提到的高度和宽度，以及等等。

来源

2017-06-26 11:00:03 user1957229

到图像的路径应该是相对的，这意味着如果css文件是在css文件夹应该比你有../如

body{ 
 
    background-image: url(../images/logo.jpg); 
 
}

这是启动路径因为你必须通过../回到主目录，然后/images/logo.jpg路径到图像文件。如果你是包括CSS文件中的HTML本身

body{ 
 
    background-image: url(images/logo.jpg); 
 
}

这段代码会工作得很好。

来源

2018-01-27 15:49:14 akaMahesh

CSS背景图片未加载

回答

相关问题