是什么导致CSS背景图像属性在HTML时不显示图像 <img> 将显示没有问题？

Question

我有这张图片：

在此处输入图片说明

我正尝试将其作为背景图像添加到网页中-仅出于测试目的。

我设置了最简单的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>

没运气。

那我想念什么呢？

Answer 1

您可能需要考虑在csss中提供包含此图片的文件夹的路径，

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

是什么导致CSS背景图像属性在HTML时不显示图像 <img> 将显示没有问题？

问题描述

1 个解决方案

解决方案1
0 已采纳 2013-05-30 03:51:59

是什么导致CSS背景图像属性在HTML时不显示图像 <img> 将显示没有问题？

问题描述

1 个解决方案

解决方案1 0 已采纳 2013-05-30 03:51:59

解决方案1
0 已采纳 2013-05-30 03:51:59