2013-11-14 87 views
1

我在css中使用背景标签将图片添加到我的html文件中的正文标签不是什么都没有,我已经看到了所有的答案,并且已经跟着他们,但无济于事。这里是我的html:css背景标签不起作用

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <link rel="stylesheet" type="text/css" href="main.css"> 
    <title>Ironton Firedepartment Zombie 5k Run</title> 
</head> 

<body> 

    </body> 
</html> 

这里是我的CSS:

@charset "utf-8"; 

/*My css stuff*/ 

body{ 
background:url(images/zombie 5k TM AP stripped.png); 
background-repeat: no-repeat; 
background-position:center; 
} 
+0

这不是一个有效的URL – Quentin

+0

更好地在文件名中不能使用空格的网络。 – Simon

回答

3

尝试以下:

background:url('images/zombie 5k TM AP stripped.png'); 

而且保证图像路径是相对于调用页面正确。

+0

好吧,工作到一个点,现在我只有一半的图片,我该如何解决这个问题。 –

+1

试试'background-top' – Radian

2

这是另一个提示。我还将用短划线-或下划线_空格替换文件名中的空格。由于空格网址编码为%20

 
    zombie 5k TM AP stripped.png 

 
    zombie-5k-TM-AP-stripped.png 
+0

为什么没有滚动条? –

+0

没有滚动条,因为页面上没有任何内容。 (在体内) – thepk

+0

好吧,我明白了谢谢 –