Question

我在css中使用背景标记将图像添加到我的html文件中的body标签，而不是没有任何东西，我在这里看了所有的答案，并且已经跟着他们但无济于事。这是我的HTML：

<!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;
}

Answer 1

尝试以下方法：

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

同时确保图像路径相对于调用页面正确。

Answer 2

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

  zombie 5k TM AP stripped.png

到

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

css背景标签不工作

2 个答案: