jar*_*ad7 18 html css background image
我已经按照所有的教程进行了操作,这些教程都说出来.我在我的css样式表中指定了body中的背景,但页面只显示一个空白的白色背景.Image与.html和.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;
}
Fra*_*arf 29
首先,再见那些引用:
background-image: url(nickcage.jpg); // No quotes around the file name
接下来,如果您的html,css和图像都在同一目录中,那么删除引号应该修复它.但是,如果您的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
希望能帮助到你.
这是另一个图像 url 结果..工作正常......我只是放了一个图像路径..请检查它..
菲德尔：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;
}
尝试这个
background-image: url("/yourimagefolder/yourimage.jpg");
我在使用时遇到了同样的问题 background-image: url("yourimagefolder/yourimage.jpg");
请注意造成差异的斜线。文件夹的级别是我无法加载图像的原因。我猜你也遇到了同样的问题
小智 7
我遇到了同样的问题。如果您的图像在文件夹中，请尝试此操作
background-image: url(/resources/img/hero.jpg);
不要忘记将反斜杠放在第一个文件夹的前面。