0

我有这张图片：

在此处输入图像描述

我试图将其作为背景图像添加到网页中——仅用于测试目的。

我设置了最简单的 HTML 文件：

<!DOCTYPE html> 
<html lang="en">
<head> 
    <title>
        My CSS Test Page
    </title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/mycss.css">
</head>
<body>
<h1>Hello World!!</h1>
</body>
</html>

然后将其与此链接css：

body {
    background-image: url("trail.jpg");
}

而且......它不起作用。

然后我用单引号尝试了它，然后没有引号..仍然是同样的问题。什么都没有出现。然后我想也许图像在某种程度上是损坏的或什么的。所以我添加了一个 img 标签：

<!DOCTYPE html> 
<html lang="en">
<head> 
    <title>
        My Css Test Page
    </title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/mycss.css">
</head>
<body>
<h1>Hello World!!</h1>
<img src="trail.jpg">
</body>
</html>

显示没有任何问题。

然后我想可能是链接问题。所以我嵌入了css.:

<!DOCTYPE html> 
<html lang="en">
<head> 
    <title>
        My Css Test Page
    </title>
    <style>
    body {
        background-image: url("trail.jpg");
    }
    </style>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/mycss.css">
</head>
<body>
<h1>Hello World!!</h1>
<img src="trail.jpg">
</body>
</html>

没运气。

那么我错过了什么？

4

1 回答 1

0

您可能需要考虑在您的 css- 中提供包含此图像的文件夹的路径

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

于 2013-05-30T03:51:59.553 回答