Question

通过一些诅咒，我不能为我的生活得到这个简单的CSS呼叫工作。这是我的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" lang="en" xml:lang="en">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link href="css/stylesheet2.css" rel="stylesheet" type="text/css" />

<title>Welcome.</title>

</head>
    <body>
       <br>
    </body>
</html>

这是我的样式表：

body {
    background-image:url(img/landscape.jpg');
}

文件名称正确。当我为这个样式表分配一个背景颜色标签时，我得到了我指定的颜色。是否有一些规则可以防止身体出现图像背景？这绝对令人难以置信。这对我不起作用？

Answer 1

你需要制作相对于你的CSS的路径。由于您的css位于名为“css”的文件夹中，而您的图像位于名为“images”的文件夹中，因此您必须告知路径移出css文件夹并进入images文件夹。

body {
    background-image:url('../img/landscape.jpg');
}

Answer 2

您错过了网址中的开头报价：

body {
    background-image:url('img/landscape.jpg');
}

这肯定是有用的，正如你所说的那样，文件被正确命名并且位于你说的位置。

Answer 3

假设它不是复制粘贴错误，那么您的CSS无效，因为您错过了匹配的'：

background-image: url('img/landscape.jpg');

除此之外，您应该检查URI是否正确以及图像是否可访问。作为旁注，您的XHTML也是无效的。坚持HTML4.01 / 5或编写有效的XHTML（并将其作为aaplication/xhtml+xml）。

CSS和样式的身体：图像背景将无法正常工作

3 个答案: